DEV Community

Accessibility beyond 'alt' tag, 'color contrast', and semantic tags

Neha Sharma on October 09, 2020

Is accessibility limited to have correct alt tags, color contrast as per the WCAG, or using semantic tags? This question we should ask o...
Collapse
 
thinkverse profile image
Kim Hallberg

With dates I prefer human readable dates whenever possible.
MM/DD/YYYY and, DD/MM/YYYY always catch me off guard.
Jan 1st 2020 or, 1st of January, 2020 is much easier to read.

Collapse
 
hellonehha profile image
Neha Sharma

True very true. Good point. I will add this to the article.

Collapse
 
prahladmishra profile image
Prahlad Mishra

I worked on a project where accessibility was a huge requirement. The client was a.lead sponsor of Para Olympic. I have seen real users testing the site. We as able people assume a lot of things when thinking about a site but anybody would be amazed to see them use web and assisted technology. They are so smart and quick in using these tools and shortcuts. But seeing them use the website first hand gives a lot of insights. No amount of reading can give that experience that actually seeing them use. I find myself lucky in that sense.

Collapse
 
hellonehha profile image
Neha Sharma

100% true. The real accessibility test is when real users use it. There is no repalcement of that. Would love to know more about your experience.

Collapse
 
littleninja profile image
Sarah (she/her)

Love the broader interpretation of “accessible” here! I think the development community has a specific, technical definition for accessibility that limits the scope to how software interfaces with assistive technology like voice control and screen readers. That constrained definition makes it easier to know what we’re solving for when we talk about it. These are great tips for doing internationalization (i18n), localization (l13n), and responsive design well!

Collapse
 
atuljha91 profile image
Atul Jha

Nicely explained about the different aspects of accessibility. Also, aptly put graphics justifies the subject, as one hardly needs to read the words, since visually communicating graphics through more "real" objects make it faster and simpler to understand. Kudos 👏👏

Collapse
 
jimgregory profile image
Jim Gregory

Really well done article. I hadn't considered problems with date and time formats.

I don't mean to nitpick, but the alt text on the image in the "Numbers" section is 'Alt Text' :-).

Collapse
 
hellonehha profile image
Neha Sharma

Hey Jim - thank you for pointing this out. I will correct it :)

Collapse
 
jimgregory profile image
Jim Gregory

I only noticed it because I happened to read your post first using a text-only web browser before using a graphical web browser ;).

Collapse
 
jcolag profile image
John Colagioia (he/him)

I'd like to add that, when you don't understand things like this, you get the most baffling development requests, like "can you add a slider so that users can change the size of the user interface text without affecting the input size?" because your translation team didn't bother to tell you that the German labels are much longer...

Collapse
 
atapas profile image
Tapas Adhikary

Nice article.. Learned new things. Thanks for sharing.

Collapse
 
hellonehha profile image
Neha Sharma

Thank you Tapas.

Collapse
 
francoisaudic profile image
francoisaudic

You're talking about the right to left writing from Western languages, compared with the left to right writing from Semitic languages like Arab or Hebrew, they are both horizontal.
But In some cases, Asian languages like Chinese or Japanese can use a vertical writing.

Here I put some links to the MDN Web Docs related to that :

Collapse
 
hellonehha profile image
Neha Sharma

Thank you for sharing this. I will add this to my blog.

Collapse
 
jackdomleo7 profile image
Jack Domleo

This is fantastic! I agree with every point!! 💪

Collapse
 
shaerins profile image
Sharon Rachel Levin

this is really insightful! definitely bookmarking this to have for reference. thanks for sharing! ☺️

Collapse
 
patriscus profile image
Patrick Ahmetovic

Nice article! I liked how you used a fictional store to map each point to real world examples. Thanks for sharing 👏

Collapse
 
hellonehha profile image
Neha Sharma

Thank you so much <3

Collapse
 
devdufutur profile image
Rudy Nappée

Great article about internationalization, not accessibility !

Collapse
 
mehmetcanaygun profile image
Can

Really nice article! Show us that there are more to consider than we usually do when it comes to accessibility.

Collapse
 
preritvishal profile image
preritvishal

I too, am, terribly a BCA student and quite bad in HTML, CSS and have literally no idea about JS.
Suggest me a place or site to start with, cause w3school didn't worked for me, much.

Collapse
 
douglasfugazi profile image
Douglas Fugazi

Thanks

Collapse
 
mellen profile image
Matt Ellen

Fab article! Thanks so much for writing it. I'm really curious to know what countries use MM:HH:SS format for time! That fact blew my mind 🤯