Would using aria-hidden or role=“presentation” improve navigation speed for people using assistive technology?

General Tech Technology & Software . 2 years ago

  0   2   0   0   0 tuteeHUB earn credit +10 pts

5 Star Rating 5 Rating

Posted on 16 Aug 2022, this text provides information on Technology & Software related to General Tech. Please note that while accuracy is prioritized, the data presented might not be entirely correct or up-to-date. This information is offered for general knowledge and informational purposes only, and should not be considered as a substitute for professional advice.

Take Quiz To Earn Credits!

Turn Your Knowledge into Earnings.

tuteehub_quiz

Write Your Comments or Explanations to Help Others



Tuteehub forum answer Answers (2)


profilepic.png
manpreet Tuteehub forum best answer Best Answer 2 years ago

I see that the most common suggestion for decorative images is to use a blank alt text in the markup.

However I've noticed the screen readers still pick up the image.

If I use aria-hidden or role=presentation I see that the image is skipped altogether.

Would a combination of any of the above along with a blank alt text have any improvements on the navigation speed for people using assistive technology?

0 views   0 shares
profilepic.png
manpreet 2 years ago

 

Although not mandatory, I would recommend adding role="presendation" to decorative images in order to make explicit that the image is here for decorative purpose (but CSS should be preferred).

We can't answer if this would improve navigation speed for people but this would improve assistive technologies determination. Common screenreaders (which are a small subpart of assistive technologies) should already ignore an image with an empty alt.

But for instance, people with cognitive disorders may want to disable all decorative images, preserving meaningful one. Adding a role="presentation" attribute will help algorithm to suppress those images, while others one might be part of the content but unfortunately missing an alt attribute.

Of course, significant images must have a non empty alt, so this should be unnecessary. But, as a developer you create accessible templates, but you will never know how the content of the website will evolve, if content writer will always be trained for accessibility, if the alternative text for image will be added when necessary. So a missing alt will always make it unreadable for screenreader users, but adding a role="description" when you are sure that the image have to be ignored by other assistive technologies is a good precaution.


0 views   0 shares

No matter what stage you're at in your education or career, TuteeHub will help you reach the next level that you're aiming for. Simply,Choose a subject/topic and get started in self-paced practice sessions to improve your knowledge and scores.

tuteehub community

Join Our Community Today

Ready to take your education and career to the next level? Register today and join our growing community of learners and professionals.

tuteehub community