Wenzel Frick

Klinik-Website Chirurgie Digestive

chirurgiedigestive.paris ist die Website einer Klinik mit Sitz in Paris, Frankreich. Für Websites im medizinischen Bereich sind Best Practices für Barrierefreiheit, Seitengeschwindigkeit und klar strukturierte Inhalte besonders wichtig.

Warum Barrierefreiheit wichtig ist

Best Practices für die Barrierefreiheit im Web stellen sicher, dass Websites für alle nutzbar sind, unabhängig von ihren Fähigkeiten. Zu den wichtigsten Praktiken gehören die Verwendung eines angemessenen Farbkontrasts, die Bereitstellung von Alt-Text für Bilder und die Aktivierung der Tastaturnavigation für interaktive Elemente. Die Einhaltung dieser Richtlinien macht Inhalte für Nutzer mit Behinderungen, wie z. B. Blinde oder Menschen mit motorischen Einschränkungen, wahrnehmbar, bedienbar und verständlich.

Obwohl dies für private Praxen nicht immer gesetzlich vorgeschrieben ist, zeigt die Einhaltung von Standards wie dem französischen RGAA und der EU-Richtlinie zur Barrierefreiheit im Internet das Engagement für die Patientenversorgung und die Einhaltung bewährter Verfahren. Ausserdem ist die Website damit für künftig striktere Vorschriften vorbereitet.

Weitere Informationen

Warum die Seitengeschwindigkeit entscheidend ist

Im medizinischen Kontext kann jede Sekunde zählen. Patienten, die dringend Informationen wie Kontaktdaten oder Terminzeiten benötigen, können es sich nicht leisten, auf das Laden einer Seite zu warten. Eine schnelle Website verhindert Frustration bei den Nutzern, reduziert die Absprungraten und verbessert das Ranking der Website in Suchmaschinen wie Google, sodass Patienten die Klinik leichter finden können.

Benchmarks

Ein geringer CO2-Fussabdruck ist ein positiver Nebeneffekt einer optimierten Codebasis und effizienter Bereitstellungslösungen. Testergebnisse auf websitecarbon.com zeigen, dass der CO2-Fussabdruck der Website mit 0,06 g pro Seitenaufruf geringer ist als bei 90% von Websites.

Lighthouse ist ein von Google entwickeltes Tool, das Websites analysiert und einen Bericht über Seitengeschwindigkeit, Barrierefreiheit und SEO erstellt. Die Ergebnisse für chirurgiedigestive.paris sind nahezu perfekt, mit Werten von 99/100/100/100. Das Testergebnis impliziert, dass der Inhalt der Website nach 1,7 Sekunden auf einem Mobilgerät mit einer langsamen 4G-Verbindung lesbar ist.

Technologie-Stack

  • React Frontend Library
  • React Router Full-Stack-Framework für serverseitiges Rendering, Routing und Tooling
  • Contenful headless CMS
  • AWS Cloud-Dienste für Hosting, Computing und Datenspeicherung
  • SST Framwork für die Konfiguration und Deployment von AWS-Diensten
Link zum Showcase / chirurgiedigestive.paris
Screenshot der Webseite chirurgiedigestive.paris mit grossflächigen und kontraststarken CTA-Buttons.
Wichtige Navigationselemente wie Links werden durch starke Kontrastfarben und grosse Flächen hervorgehoben. So sind sie auch unter widrigen Umständen schnell erkennbar und benutzbar.
Ein Screenshot der Webseite chirurgiedigestive.paris demonstriert den Nutzen von Signalfarben und Symbolen für eine intuitive Navigation.
Signalfarben und Symbole erleichtern die intuitive Navigation.
Ein Screenshot der Webseite chirurgiedigestive.paris veranschaulicht, wie übersichtlich strukturierte Inhalte die Aufnahme von Informationen erleichtern.
Eine übersichtlich strukturierte Darstellung erleichtert die Aufnahme von Informationen.
Screenshot von websitecarbon.com mit dem Testresultat von chirurgiedigestive.paris: Die Seite schneidet besser ab als 90 % der Webseiten.
Auf der Website websitecarbon.com kann der CO2-Fussabdruck von Websites geschätzt werden. chirurgiedigestive.paris schneidet besser ab als 90 % der Websites.
Screenshot des Ergebnisses des Lighthouse-Tests von chirurgiedigestive.paris mit einem nahezu perfekten Ergebnis.
Der Lighthouse-Test von Google analysiert, inwieweit Webseiten die Standards zur Barrierefreiheit, deren Pagespeed und SEO einhalten. Die Ergebnisse von chirurgiedigestive.paris sind nahezu perfekt.
Screenshot der Detailansicht der Performance-Analyse des Lighthouse-Tests.
Der Lighthouse-Test zeigt in der Performance-Analyse den Prozess auf, wie die Seite im Browser geladen und dargestellt wird. Dadurch lassen sich Schwachstellen und Optimierungspotenziale aufdecken.
Zurück zu allen Showcases