Wenzel Frick

Clinic website Chirurgie Digestive

chirurgiedigestive.paris is the website of a clinic based in Paris, France. For websites in the medical field, best practices for accessibility, page speed, and clearly structured content are particularly important.

Why accessibility matters

Web accessibility best practices ensure websites are usable by everyone, regardless of ability. Key practices include using proper color contrast, providing alt text for images, and enabling keyboard navigation for interactive elements. Adhering to these guidelines makes content perceivable, operable, and understandable for users with disabilities, such as those who are blind or have motor impairments

Although it is not always legally mandated for private practices, adhering to standards such as France's RGAA and the EU Web Accessibility Directive demonstrates a commitment to patient care and legal best practices. It also future-proofs the site against stricter regulations.

Further info

Why page speed is critical

In a medical context, every second matters. Patients seeking urgent information, such as contact details or appointment times, cannot afford to wait for a page to load. A fast site prevents user frustration, reduces bounce rates, and improves the site's ranking on search engines like Google, making it easier for patients to find the clinic.

Benchmarks

A low carbon footprint is a positive side effect of a optimized codebase and efficient deployment solutions. Test results on websitecarbon.com indicate that the website's carbon footprint is better than 90% of all websites, at 0.06 g per page view.

Lighthouse is a free tool developed by Google that analyzes websites and generates a report on page speed, accessibility, and SEO. Results for chirurgiedigestive.paris are close to perfect, with scores of 99/100/100/100. It indicates that the website's content is readable after 1.7 seconds on a mobile device with a slow 4G connection.

Tech stack

  • React frontend library
  • React Router fullstack framework for server side rendering, routing and general tooling
  • Contenful headless CMS
  • AWS cloud services for hosting, computing, and data storage
  • SST framework for configuration of and deployment to AWS services
Screenshot of the website chirurgiedigestive.paris with large, high-contrast CTA buttons.
Important navigation elements such as links are highlighted using strong contrasting colors and large areas. This makes them easy to recognize and use even under adverse conditions.
A screenshot of the website chirurgiedigestive.paris demonstrates the usefulness of signal colors and symbols for intuitive navigation.
Signal colors and symbols facilitate intuitive navigation.
A screenshot of the website chirurgiedigestive.paris illustrates how clearly structured content facilitates the absorption of information.
A clearly structured presentation facilitates the absorption of information.
Screenshot from websitecarbon.com showing the test result for chirurgiedigestive.paris: The site performs better than 90% of websites.
The website websitecarbon.com can be used to estimate the carbon footprint of websites. chirurgiedigestive.paris performs better than 90% of websites.
Screenshot of the Lighthouse test results for chirurgiedigestive.paris, with a near-perfect score.
Google's Lighthouse test analyzes the extent to which websites comply with accessibility standards, page speed, and SEO. The results for chirurgiedigestive.paris are almost perfect.
Screenshot of the detailed view of the performance analysis of the Lighthouse test.
The Lighthouse test shows the process of how the page is loaded and displayed in the browser in the performance analysis. This allows weaknesses and potential for optimization to be identified.