5 Common Mistakes in Web Accessibility Designby Applied Informatics
As we all know that web accessibility is very vital in building a website. That means your website should give all people regardless of disabilities the full access and participation in the web. A good resource to run your code to highlight accessibility issues is the achecker
In working on customizing our Patient Portal, iHealthNY for a major roll out, we worked on several web accessibility issues. In this post, I will share some of the common mistakes that web developers do which needs to be corrected.
1. Images do not have an ALT attribute.
All images you used in your website should have an ALT attribute for SEO purposes. If images do not display in the browser you used, the ALT attribute provides a description of the contents of the image. Search Engines use this attribute to determine the suitable image to return for a search query.
2. Input fields do not have label tags.
All input fields must have proper labels to give the users/visitors idea on what information they should enter in a specific input field.
3. Fieldset tag is not used on forms.
Fieldset tag must be used to group together the related input fields in the form. The grouping provided by Fieldset also helps the accessibility of forms to those using “aural” browsers by allowing these users can easily orient themselves when filling in a large form.
4. Using <i> tag instead of <em> tag.
When you want to give emphasis on a certain text, you must use the <em> tag instead of <i> tag.
5. ID’s are not unique.
ID’s you used in a document must be unique and should be used only once.