Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Accessibility in Practice | Evaluating and Improving Accessibility
Quizzes & Challenges
Quizzes
Challenges
/
Web Accessibility Standards

bookAccessibility in Practice

A successful accessibility redesign project often begins with recognizing the challenges that users with disabilities face when interacting with a website. In one notable case, a regional news site discovered that many visitors could not access critical information due to low color contrast, missing alternative text for images, and confusing navigation menus. Screen reader users struggled to understand the layout, and keyboard-only users found it difficult to move between sections. The development team set out to address these issues by systematically evaluating the site against accessibility standards and gathering feedback from real users with different abilities.

The team implemented several targeted solutions:

  • Increased color contrast ratios to make text more readable for users with low vision;
  • Added descriptive alt attributes to all informative images;
  • Restructured the navigation using semantic HTML elements such as nav, ul, and li;
  • Improved keyboard accessibility by ensuring all interactive elements could be reached and activated using the Tab key;
  • Added ARIA landmarks to clarify page structure for assistive technologies.

After launching the redesigned site, the team observed not only a dramatic reduction in user complaints but also an increase in overall engagement and positive feedback from all users, demonstrating that accessible design delivers broad benefits.

index.html

index.html

copy

Reflecting on the impact of this accessibility redesign, you can see that improvements such as better contrast, semantic structure, and alternative text do not just assist users with disabilities—they also make the website easier to use for everyone. Clearer navigation, more readable text, and logical page structure benefit users on mobile devices, those with temporary impairments, and even people in challenging environments like bright sunlight. By prioritizing accessibility, you help create digital experiences that are more inclusive, effective, and enjoyable for all users, strengthening both user satisfaction and the reputation of your website.

1. What was a key outcome of the accessibility redesign project described?

2. How does improving accessibility benefit all users?

question mark

What was a key outcome of the accessibility redesign project described?

Select the correct answer

question mark

How does improving accessibility benefit all users?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 5. Capítulo 3

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Awesome!

Completion rate improved to 4.35

bookAccessibility in Practice

Deslize para mostrar o menu

A successful accessibility redesign project often begins with recognizing the challenges that users with disabilities face when interacting with a website. In one notable case, a regional news site discovered that many visitors could not access critical information due to low color contrast, missing alternative text for images, and confusing navigation menus. Screen reader users struggled to understand the layout, and keyboard-only users found it difficult to move between sections. The development team set out to address these issues by systematically evaluating the site against accessibility standards and gathering feedback from real users with different abilities.

The team implemented several targeted solutions:

  • Increased color contrast ratios to make text more readable for users with low vision;
  • Added descriptive alt attributes to all informative images;
  • Restructured the navigation using semantic HTML elements such as nav, ul, and li;
  • Improved keyboard accessibility by ensuring all interactive elements could be reached and activated using the Tab key;
  • Added ARIA landmarks to clarify page structure for assistive technologies.

After launching the redesigned site, the team observed not only a dramatic reduction in user complaints but also an increase in overall engagement and positive feedback from all users, demonstrating that accessible design delivers broad benefits.

index.html

index.html

copy

Reflecting on the impact of this accessibility redesign, you can see that improvements such as better contrast, semantic structure, and alternative text do not just assist users with disabilities—they also make the website easier to use for everyone. Clearer navigation, more readable text, and logical page structure benefit users on mobile devices, those with temporary impairments, and even people in challenging environments like bright sunlight. By prioritizing accessibility, you help create digital experiences that are more inclusive, effective, and enjoyable for all users, strengthening both user satisfaction and the reputation of your website.

1. What was a key outcome of the accessibility redesign project described?

2. How does improving accessibility benefit all users?

question mark

What was a key outcome of the accessibility redesign project described?

Select the correct answer

question mark

How does improving accessibility benefit all users?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 5. Capítulo 3
some-alt