DEV Community

Tanoy Basak
Tanoy Basak

Posted on

Web Accessibility

#webdev #a11y #javascript #programming

๐ŸŒŸ ๐•ฎ๐–๐–†๐–’๐–•๐–Ž๐–”๐–“๐–Ž๐–“๐–Œ ๐–‚๐–Š๐–‡ ๐•ฌ๐–ˆ๐–ˆ๐–Š๐–˜๐–˜๐–Ž๐–‡๐–Ž๐–‘๐–Ž๐–™๐–ž: ๐–€๐–“๐–‘๐–”๐–ˆ๐–๐–Ž๐–“๐–Œ ๐–™๐–๐–Š ๐•ฏ๐–Ž๐–Œ๐–Ž๐–™๐–†๐–‘ ๐–‚๐–”๐–—๐–‘๐–‰ ๐–‹๐–”๐–— ๐•ฌ๐–‘๐–‘! ๐ŸŒŸ

๐•ด๐–“ ๐–™๐–”๐–‰๐–†๐–ž'๐–˜ ๐–‰๐–Ž๐–Œ๐–Ž๐–™๐–†๐–‘ ๐–†๐–Œ๐–Š, ๐–œ๐–Š๐–‡ ๐–†๐–ˆ๐–ˆ๐–Š๐–˜๐–˜๐–Ž๐–‡๐–Ž๐–‘๐–Ž๐–™๐–ž ๐–Ž๐–˜๐–“'๐–™ ๐–๐–š๐–˜๐–™ ๐–† ๐–‹๐–Š๐–†๐–™๐–š๐–—๐–Š; ๐–Ž๐–™'๐–˜ ๐–† ๐–“๐–Š๐–ˆ๐–Š๐–˜๐–˜๐–Ž๐–™๐–ž. ๐•ฌ๐–˜ ๐–‰๐–Š๐–›๐–Š๐–‘๐–”๐–•๐–Š๐–—๐–˜, ๐–‰๐–Š๐–˜๐–Ž๐–Œ๐–“๐–Š๐–—๐–˜, ๐–†๐–“๐–‰ ๐–™๐–Š๐–ˆ๐– ๐–Š๐–“๐–™๐–๐–š๐–˜๐–Ž๐–†๐–˜๐–™๐–˜, ๐–œ๐–Š ๐–๐–†๐–›๐–Š ๐–™๐–๐–Š ๐–•๐–”๐–œ๐–Š๐–—โ€”๐–†๐–“๐–‰ ๐–—๐–Š๐–˜๐–•๐–”๐–“๐–˜๐–Ž๐–‡๐–Ž๐–‘๐–Ž๐–™๐–žโ€”๐–™๐–” ๐–ˆ๐–—๐–Š๐–†๐–™๐–Š ๐–Ž๐–“๐–ˆ๐–‘๐–š๐–˜๐–Ž๐–›๐–Š ๐–”๐–“๐–‘๐–Ž๐–“๐–Š ๐–Š๐–๐–•๐–Š๐–—๐–Ž๐–Š๐–“๐–ˆ๐–Š๐–˜ ๐–‹๐–”๐–— ๐–Š๐–›๐–Š๐–—๐–ž๐–”๐–“๐–Š.

๐Ÿ”“ ๐–‚๐–๐–ž ๐–‚๐–Š๐–‡ ๐•ฌ๐–ˆ๐–ˆ๐–Š๐–˜๐–˜๐–Ž๐–‡๐–Ž๐–‘๐–Ž๐–™๐–ž ๐•ธ๐–†๐–™๐–™๐–Š๐–—๐–˜:

๐•ด๐–“๐–ˆ๐–‘๐–š๐–˜๐–Ž๐–›๐–Ž๐–™๐–ž: ๐•บ๐–›๐–Š๐–— 1 ๐–‡๐–Ž๐–‘๐–‘๐–Ž๐–”๐–“ ๐–•๐–Š๐–”๐–•๐–‘๐–Š ๐–œ๐–”๐–—๐–‘๐–‰๐–œ๐–Ž๐–‰๐–Š ๐–‘๐–Ž๐–›๐–Š ๐–œ๐–Ž๐–™๐– ๐–˜๐–”๐–’๐–Š ๐–‹๐–”๐–—๐–’ ๐–”๐–‹ ๐–‰๐–Ž๐–˜๐–†๐–‡๐–Ž๐–‘๐–Ž๐–™๐–ž. ๐•ฌ๐–ˆ๐–ˆ๐–Š๐–˜๐–˜๐–Ž๐–‡๐–‘๐–Š ๐–œ๐–Š๐–‡๐–˜๐–Ž๐–™๐–Š๐–˜ ๐–Š๐–“๐–˜๐–š๐–—๐–Š ๐–Š๐–›๐–Š๐–—๐–ž๐–”๐–“๐–Š ๐–ˆ๐–†๐–“ ๐–“๐–†๐–›๐–Ž๐–Œ๐–†๐–™๐–Š ๐–†๐–“๐–‰ ๐–Ž๐–“๐–™๐–Š๐–—๐–†๐–ˆ๐–™ ๐–œ๐–Ž๐–™๐– ๐–‰๐–Ž๐–Œ๐–Ž๐–™๐–†๐–‘ ๐–ˆ๐–”๐–“๐–™๐–Š๐–“๐–™.

๐•ท๐–Š๐–Œ๐–†๐–‘ ๐•ฎ๐–”๐–’๐–•๐–‘๐–Ž๐–†๐–“๐–ˆ๐–Š: ๐•ฌ๐–‰๐–๐–Š๐–—๐–Ž๐–“๐–Œ ๐–™๐–” ๐–˜๐–™๐–†๐–“๐–‰๐–†๐–—๐–‰๐–˜ ๐–‘๐–Ž๐–๐–Š ๐–‚๐•ฎ๐•ฌ๐•ฒ ๐–“๐–”๐–™ ๐–”๐–“๐–‘๐–ž ๐–‹๐–”๐–˜๐–™๐–Š๐–—๐–˜ ๐–Ž๐–“๐–ˆ๐–‘๐–š๐–˜๐–Ž๐–›๐–Ž๐–™๐–ž ๐–‡๐–š๐–™ ๐–†๐–‘๐–˜๐–” ๐–๐–Š๐–‘๐–•๐–˜ ๐–†๐–›๐–”๐–Ž๐–‰ ๐–‘๐–Š๐–Œ๐–†๐–‘ ๐–ˆ๐–”๐–’๐–•๐–‘๐–Ž๐–ˆ๐–†๐–™๐–Ž๐–”๐–“๐–˜.

๐•พ๐•ฐ๐•บ ๐•ญ๐–Š๐–“๐–Š๐–‹๐–Ž๐–™๐–˜: ๐•พ๐–Š๐–†๐–—๐–ˆ๐– ๐–Š๐–“๐–Œ๐–Ž๐–“๐–Š๐–˜ ๐–‘๐–”๐–›๐–Š ๐–†๐–ˆ๐–ˆ๐–Š๐–˜๐–˜๐–Ž๐–‡๐–‘๐–Š ๐–œ๐–Š๐–‡๐–˜๐–Ž๐–™๐–Š๐–˜! ๐•ด๐–’๐–•๐–—๐–”๐–›๐–Š๐–‰ ๐–˜๐–Š๐–’๐–†๐–“๐–™๐–Ž๐–ˆ๐–˜ ๐–†๐–“๐–‰ ๐–‡๐–Š๐–™๐–™๐–Š๐–— ๐–ˆ๐–”๐–“๐–™๐–Š๐–“๐–™ ๐–˜๐–™๐–—๐–š๐–ˆ๐–™๐–š๐–—๐–Ž๐–“๐–Œ ๐–ˆ๐–†๐–“ ๐–‡๐–”๐–”๐–˜๐–™ ๐–ž๐–”๐–š๐–— ๐–˜๐–Ž๐–™๐–Š'๐–˜ ๐–›๐–Ž๐–˜๐–Ž๐–‡๐–Ž๐–‘๐–Ž๐–™๐–ž.

๐•ฐ๐–“๐–๐–†๐–“๐–ˆ๐–Š๐–‰ ๐–€๐–˜๐–†๐–‡๐–Ž๐–‘๐–Ž๐–™๐–ž: ๐•ฌ๐–ˆ๐–ˆ๐–Š๐–˜๐–˜๐–Ž๐–‡๐–Ž๐–‘๐–Ž๐–™๐–ž ๐–‹๐–Š๐–†๐–™๐–š๐–—๐–Š๐–˜ ๐–”๐–‹๐–™๐–Š๐–“ ๐–‘๐–Š๐–†๐–‰ ๐–™๐–” ๐–‡๐–Š๐–™๐–™๐–Š๐–— ๐–”๐–›๐–Š๐–—๐–†๐–‘๐–‘ ๐–š๐–˜๐–Š๐–— ๐–Š๐–๐–•๐–Š๐–—๐–Ž๐–Š๐–“๐–ˆ๐–Š, ๐–‡๐–Š๐–“๐–Š๐–‹๐–Ž๐–™๐–Ž๐–“๐–Œ ๐–†๐–‘๐–‘ ๐–š๐–˜๐–Š๐–—๐–˜.

๐Ÿ’ก ๐•ด๐–“๐–“๐–”๐–›๐–†๐–™๐–Ž๐–›๐–Š ๐•ฟ๐–Ž๐–•๐–˜ ๐–™๐–” ๐•ฐ๐–“๐–๐–†๐–“๐–ˆ๐–Š ๐–‚๐–Š๐–‡ ๐•ฌ๐–ˆ๐–ˆ๐–Š๐–˜๐–˜๐–Ž๐–‡๐–Ž๐–‘๐–Ž๐–™๐–ž:

๐•พ๐–Š๐–’๐–†๐–“๐–™๐–Ž๐–ˆ ๐•ณ๐•ฟ๐•ธ๐•ท: ๐–€๐–˜๐–Š ๐–•๐–—๐–”๐–•๐–Š๐–— ๐–™๐–†๐–Œ๐–˜ ๐–™๐–” ๐–ˆ๐–”๐–“๐–›๐–Š๐–ž ๐–’๐–Š๐–†๐–“๐–Ž๐–“๐–Œ ๐–†๐–“๐–‰ ๐–˜๐–™๐–—๐–š๐–ˆ๐–™๐–š๐–—๐–Š. ๐•พ๐–ˆ๐–—๐–Š๐–Š๐–“ ๐–—๐–Š๐–†๐–‰๐–Š๐–—๐–˜ ๐–—๐–Š๐–‘๐–ž ๐–”๐–“ ๐–™๐–๐–Š๐–˜๐–Š ๐–™๐–” ๐–Ž๐–“๐–™๐–Š๐–—๐–•๐–—๐–Š๐–™ ๐–ˆ๐–”๐–“๐–™๐–Š๐–“๐–™ ๐–†๐–ˆ๐–ˆ๐–š๐–—๐–†๐–™๐–Š๐–‘๐–ž.

๐•ฌ๐•ฝ๐•ด๐•ฌ ๐•ท๐–†๐–“๐–‰๐–’๐–†๐–—๐–๐–˜: ๐•ด๐–’๐–•๐–‘๐–Š๐–’๐–Š๐–“๐–™ ๐•ฌ๐•ฝ๐•ด๐•ฌ (๐•ฌ๐–ˆ๐–ˆ๐–Š๐–˜๐–˜๐–Ž๐–‡๐–‘๐–Š ๐•ฝ๐–Ž๐–ˆ๐– ๐•ด๐–“๐–™๐–Š๐–—๐–“๐–Š๐–™ ๐•ฌ๐–•๐–•๐–‘๐–Ž๐–ˆ๐–†๐–™๐–Ž๐–”๐–“๐–˜) ๐–—๐–”๐–‘๐–Š๐–˜ ๐–†๐–“๐–‰ ๐–•๐–—๐–”๐–•๐–Š๐–—๐–™๐–Ž๐–Š๐–˜ ๐–™๐–” ๐–Š๐–“๐–๐–†๐–“๐–ˆ๐–Š ๐–“๐–†๐–›๐–Ž๐–Œ๐–†๐–™๐–Ž๐–”๐–“ ๐–‹๐–”๐–— ๐–†๐–˜๐–˜๐–Ž๐–˜๐–™๐–Ž๐–›๐–Š ๐–™๐–Š๐–ˆ๐–๐–“๐–”๐–‘๐–”๐–Œ๐–Ž๐–Š๐–˜.

๐•ถ๐–Š๐–ž๐–‡๐–”๐–†๐–—๐–‰ ๐•น๐–†๐–›๐–Ž๐–Œ๐–†๐–™๐–Ž๐–”๐–“: ๐•ฐ๐–“๐–˜๐–š๐–—๐–Š ๐–†๐–‘๐–‘ ๐–Ž๐–“๐–™๐–Š๐–—๐–†๐–ˆ๐–™๐–Ž๐–›๐–Š ๐–Š๐–‘๐–Š๐–’๐–Š๐–“๐–™๐–˜ ๐–ˆ๐–†๐–“ ๐–‡๐–Š ๐–†๐–ˆ๐–ˆ๐–Š๐–˜๐–˜๐–Š๐–‰ ๐–›๐–Ž๐–† ๐–๐–Š๐–ž๐–‡๐–”๐–†๐–—๐–‰. ๐•ฟ๐–Š๐–˜๐–™ ๐–š๐–˜๐–Ž๐–“๐–Œ ๐–”๐–“๐–‘๐–ž ๐–™๐–๐–Š ๐•ฟ๐–†๐–‡, ๐•ฐ๐–“๐–™๐–Š๐–—, ๐–†๐–“๐–‰ ๐•พ๐–•๐–†๐–ˆ๐–Š ๐–๐–Š๐–ž๐–˜.

๐•ฎ๐–”๐–‘๐–”๐–— ๐•ฎ๐–”๐–“๐–™๐–—๐–†๐–˜๐–™: ๐•ธ๐–†๐–Ž๐–“๐–™๐–†๐–Ž๐–“ ๐–๐–Ž๐–Œ๐– ๐–ˆ๐–”๐–“๐–™๐–—๐–†๐–˜๐–™ ๐–‡๐–Š๐–™๐–œ๐–Š๐–Š๐–“ ๐–™๐–Š๐–๐–™ ๐–†๐–“๐–‰ ๐–‡๐–†๐–ˆ๐–๐–Œ๐–—๐–”๐–š๐–“๐–‰. ๐•ฟ๐–”๐–”๐–‘๐–˜ ๐–‘๐–Ž๐–๐–Š ๐•ฎ๐–”๐–“๐–™๐–—๐–†๐–˜๐–™ ๐•ฎ๐–๐–Š๐–ˆ๐–๐–Š๐–— ๐–ˆ๐–†๐–“ ๐–๐–Š๐–‘๐–• ๐–›๐–Š๐–—๐–Ž๐–‹๐–ž ๐–ˆ๐–”๐–’๐–•๐–‘๐–Ž๐–†๐–“๐–ˆ๐–Š.

๐•ฌ๐–‘๐–™ ๐•ฟ๐–Š๐–๐–™ ๐–‹๐–”๐–— ๐•ด๐–’๐–†๐–Œ๐–Š๐–˜: ๐•ป๐–—๐–”๐–›๐–Ž๐–‰๐–Š ๐–‰๐–Š๐–˜๐–ˆ๐–—๐–Ž๐–•๐–™๐–Ž๐–›๐–Š ๐–†๐–‘๐–™ ๐–™๐–Š๐–๐–™ ๐–‹๐–”๐–— ๐–†๐–‘๐–‘ ๐–Ž๐–’๐–†๐–Œ๐–Š๐–˜. ๐•ฟ๐–๐–Ž๐–˜ ๐–Š๐–“๐–˜๐–š๐–—๐–Š๐–˜ ๐–š๐–˜๐–Š๐–—๐–˜ ๐–œ๐–Ž๐–™๐– ๐–›๐–Ž๐–˜๐–š๐–†๐–‘ ๐–Ž๐–’๐–•๐–†๐–Ž๐–—๐–’๐–Š๐–“๐–™๐–˜ ๐–š๐–“๐–‰๐–Š๐–—๐–˜๐–™๐–†๐–“๐–‰ ๐–™๐–๐–Š ๐–›๐–Ž๐–˜๐–š๐–†๐–‘ ๐–ˆ๐–”๐–“๐–™๐–Š๐–๐–™.

๐•ฝ๐–Š๐–˜๐–•๐–”๐–“๐–˜๐–Ž๐–›๐–Š ๐•ฏ๐–Š๐–˜๐–Ž๐–Œ๐–“: ๐•ญ๐–š๐–Ž๐–‘๐–‰ ๐–—๐–Š๐–˜๐–•๐–”๐–“๐–˜๐–Ž๐–›๐–Š ๐–œ๐–Š๐–‡๐–˜๐–Ž๐–™๐–Š๐–˜ ๐–™๐–๐–†๐–™ ๐–†๐–‰๐–†๐–•๐–™ ๐–˜๐–Š๐–†๐–’๐–‘๐–Š๐–˜๐–˜๐–‘๐–ž ๐–™๐–” ๐–‰๐–Ž๐–‹๐–‹๐–Š๐–—๐–Š๐–“๐–™ ๐–‰๐–Š๐–›๐–Ž๐–ˆ๐–Š๐–˜ ๐–†๐–“๐–‰ ๐–˜๐–ˆ๐–—๐–Š๐–Š๐–“ ๐–˜๐–Ž๐–Ÿ๐–Š๐–˜.

๐™๐™ค๐™ค๐™ก๐™จ ๐™ž๐™ฃ ๐™ง๐™š๐™จ๐™˜๐™ช๐™š:

๐—ฎ๐˜…๐—ฒ-๐—ฐ๐—ผ๐—ฟ๐—ฒ: It is a robust JavaScript library designed to help developers test and improve the accessibility of their web applications.

๐—™๐—ฒ๐—ฎ๐˜๐˜‚๐—ฟ๐—ฒ๐˜€:
Automated Testing

Detailed Reporting

Customizable Rules

๐™‡๐™š๐™ฉ'๐™จ ๐™—๐™ช๐™ž๐™ก๐™™ ๐™–๐™ฃ ๐™–๐™˜๐™˜๐™š๐™จ๐™จ๐™ž๐™—๐™ก๐™š ๐™–๐™ฃ๐™™ ๐™ž๐™ฃ๐™˜๐™ก๐™ช๐™จ๐™ž๐™ซ๐™š ๐™ฌ๐™ค๐™ง๐™ก๐™™ ๐™ฉ๐™ค๐™œ๐™š๐™ฉ๐™๐™š๐™ง

Top comments (0)

Some comments may only be visible to logged-in visitors. Sign in to view all comments.

Read next

rsmacademybd profile image

JavaScript Event Delegation เฆธเฆฎเงเฆชเฆฐเงเฆ•เง‡ เฆฌเฆฟเฆธเงเฆคเฆพเฆฐเฆฟเฆค เฆ†เฆฒเง‹เฆšเฆจเฆพ

RSM Academy BD -

ohwow profile image

How to Detect VPNs with JavaScript

ow -

sheraz4194 profile image

Mastering Tailwind CSS: Overcome Styling Conflicts with Tailwind Merge and clsx

Sheraz Manzoor -

prashant-ardeshana profile image

Shopify Liquid REPL with API & JSON

Prashant Ardeshana -