Closed

Implement Web Accessibility best practices

Need to ensure that people with disabilities who uses screen readers such as NVDA or JAWS can access the website without any issues. It’s an angular JS e-commerce web application, where their are 4-5 user flows that needs to be fixed or accessibility practices needs to be implemented. The specified user flows functionality works but using a screen reader it doesn’t convey clearly what user needs to do and it breaks.

It is similar to Amazon website as an example, which helps you to visualize how the application would be and what needs to be done.

Most important, it’s a small internal application where I need an expert opinion and help in implementing the best practices. Please disregard the project offer if you are looking to work only on big projects.

The user flows include

1) account creation

2) order submission, etc

Here are some of the examples

<header>, <nav>, <main>, <aside>, <footer>, etc.: use HTML5 semantic tags; remember to use the aria-labelledby attribute to set a meaningful accessible name to non-unique components.

• roles: linked to the point above, use the proper role for each element.

• <h1>, <h2>, <h3>, <h4>, <h5>, <h6>: use headings for the topics of the page or sections. The heading levels are fundamental for SR users, that are also able to navigate the content only by headings to quickly identify the topics of the pages. For this reason, headings levels cannot be skipped, must be nested properly and should be used in the proper way, and not for UI reasons.

To provide the same information to SR users you must use semantic element and meaningful labels.

Moreover, sometime the headings are visually implicit thanks to the context but could be very useful for AT users, so consider to add SR-only headings to provide the necessary context (for example use a heading like "Footer" to group the footer section).

• <a> and <button>: remember that link elements are used to jump the user from a page to another one, buttons are used to activate a control.

• <ul>, <ol>, <li>: use unordered/ordered lists and list items to inform the user about the structure of list components providing boundaries for each block.

• aria-label, aria-labelledby and aria-describedby: use those attributes to provide meaningful accessible name and description when the text displayed is not sufficient.

• aria-haspopup, aria-expanded, aria-controls, etc.: use those attributes to inform the user and allowing him/her to predict the behaviour of a functionality.

Skills: Angular.js, Javascript, HTML, CSS, HTML5

See more: web design best practices 2016, asp.net web development best practices, web design best practices 2018, security in web applications best practices, mobile web design best practices, web scraping best practices, progressive web app best practices, mobile accessibility best practices, web api best practices c#, web development best practices, web design best practices checklist, asp.net web forms best practices, web design best practices 2017, web application best practices, web copy best practices, mobile web design best practices 2018, web performance best practices, asp.net core web api best practices, web typography best practices 2018, responsive web design best practices 2018

About the Employer:
( 0 reviews ) Carteret, United States

Project ID: #21378304

14 freelancers are bidding on average $130 for this job

vladzolotukhin

Hello Sir. As a Angular, React, node.js, Python and Django expert, I am glad to place the bid on your project. I want to discuss more via chat. Regards. Vladimir

$140 USD in 7 days
(36 Reviews)
5.4
AdhamSoft

Hello ... Thank you for reading this bid By checking that link you will know what we have {{_____ Thank You ___________ }} This link is System for Hospital Management [login to view URL] Ema More

$140 USD in 7 days
(20 Reviews)
5.1
liveexperts123

Hi there, I have read your project description and i'm confident i can do this project for you perfectly.I still have a few questions. please leave a message on my chat so we can discuss the budget and deadline of the More

$250 USD in 3 days
(5 Reviews)
4.6
adeelpirzada

Hi, I am a Full Stack Lead Developer with a Decade of Experience with strong Expertise in Nodejs , ReactJs and Angular using Mysql or MongoDB. I have comprehensively developed social media, shopping carts, producti More

$175 USD in 7 days
(9 Reviews)
4.9
garethbill

*** Senior full-stack developer is here *** Hi there. I have carefully read your job details and noticed that I am the right one you are looking for. As a talented web developer/designer, I can implement your idea into More

$60 USD in 3 days
(18 Reviews)
4.8
TopDesigner315

Hello :) Thanks for your job posting. I saw your description carefully. I am a Senior web Developer who have 8+ years of experiences. My skills are Html5,CSS,SCSS, Bootstrap,Javascript,Jquery,MySql,PHP and AngularJS . More

$90 USD in 3 days
(21 Reviews)
4.6
superdev1888

Hi I have checked your requirement and understand it well. I am a full stack developer with enough experience and skills in Web. I have best experiences in Web Developing such as PHP, Wordpres, Woocomerce, Django, pyth More

$140 USD in 3 days
(5 Reviews)
3.4
lesteraguilar

Pro PHP/Website Design/Graphic Design/WordPress/HTML Expert! Dear employer Once saw a your project, it was very attracted my mind because I am very interested in your project and also, have rich experiences and high s More

$100 USD in 3 days
(10 Reviews)
3.4
creativeangela

Hi there, I have found that you are looking for an Implement Web Accessibility best practices. All I want you to come and chat with us, that we can finalize the project. Thanks, Angela Fern.

$80 USD in 3 days
(2 Reviews)
3.3
AkashW

Hi, Greeting of the day, We can fulfill all your needs regarding the web and mobile application development projects. We have a team of expert developers and designers which can work on your project as per your list More

$140 USD in 25 days
(10 Reviews)
3.3
goldenths

Dear, sir I'm a spirited coder with a broad spectrum of talents. I've spent half of my life coding in some capacity or another, but most of my focus and energy in the last 10 years has been on web development. I'm a More

$70 USD in 2 days
(10 Reviews)
3.5
ninestar801

Hi, I have gone through your requirements and I can do this task. The skills and resources needed for this project are in my genes. I can assure you for a complete professional work in given time [login to view URL] share comp More

$140 USD in 7 days
(4 Reviews)
2.4
AntonKozel

Hi, dear I have read your requirements carefully and I can help you with your project. I am a licensed full stack programming developer and designer. I have many experiences in CI, laravel, python Ruby on rails as back More

$140 USD in 7 days
(2 Reviews)
2.4
diazpereralucas

Hello! I've done a lot of accessibility work before, and got experience with both, NVDA and JAWS. The exact amount of days it can take will depend in the amount and complexity of the user flows, that's why I set 10 day More

$160 USD in 7 days
(0 Reviews)
0.0