Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

Web Accessibility (a11y)

(Web) Accessibility or eAccessibility (often abbreviated to A11y — this is a numeronym, where the “11” stands for the 11 letters between the first letter “a” and the last letter “y”) is the practice of building inclusive spaces for different people, either by supporting the use of assistive technology (ALT text, ARIA HTML attributes, etc.) or by designing things with multiple ways to access them (color coding + text labels + icons, captions + sign language interpreter), keeping in mind different forms of impairments, disabilities, and difficulties—both temporary and permanent—, users of these space could face and might struggle with while using the space, which include:

https://github.com/open-source-labs/Spearmint

Testing, simplified. || An inclusive, accessibility-first GUI for generating clean, semantic Javascript tests in only a few clicks of a button.

accessibility axe-core darkmode electron endpoint-testing enzyme hooks jest open-source puppeteer react security test-driven-development testing testing-tools vue web-accessibility

Last synced: 23 Oct 2024

https://github.com/open-source-labs/spearmint

Testing, simplified. || An inclusive, accessibility-first GUI for generating clean, semantic Javascript tests in only a few clicks of a button.

accessibility axe-core darkmode electron endpoint-testing enzyme hooks jest open-source puppeteer react security test-driven-development testing testing-tools vue web-accessibility

Last synced: 24 Jan 2025

https://github.com/chromelens/chromelens

Chrome DevTools extension for web accessibility development

accessibility chrome-plugin color-blindness devtools devtools-extension google-chrome ux web-accessibility

Last synced: 21 Jan 2025

https://github.com/mvdschee/web-accessibility

A Visual Studio Extension for Web accessibility

audit extension language-server typescript visual-studio-code web-accessibility

Last synced: 01 Nov 2024

https://github.com/angelikatyborska/a11y-audit-elixir

Automated accessibility testing for Elixir web applications using axe-core.

a11y a11y-testing accessibility elixir elixir-phoenix hound test-automation wallaby web web-accessibility

Last synced: 20 Jan 2025

https://github.com/a11ywatch/a11ywatch

Web accessibility automation tool

a11ywatch accessibility web-accessibility

Last synced: 22 Jan 2025

https://github.com/fititnt/carta-aberta-premio-nacional-acessibilidade-na-web

Carta aberta de críticas ao Todos@Web. Análise de como o projetos mais comuns na internet têm chances mínimas de ganhar uma premiação por causa de seu conteúdo, ao invés da técnica de acessibilidade implementada, e outras sugestões

acessibilidade acessibility web-accessibility

Last synced: 28 Nov 2024

https://github.com/pacoccino/stellar-portal

Pure web client for viewing and managing Stellar accounts

desktop-app horizon stellar stellar-network web-accessibility

Last synced: 02 Jan 2025

https://github.com/miguelmota/web-accessibility

Resources for developing with web accessibility in mind.

a11y aria-roles screen-reader web-accessibility

Last synced: 23 Oct 2024

https://github.com/calinalexandru/pericles

A browser extension offering intuitive text-to-speech functionality, making web content audible and accessible.

accessibility browser-extension chrome-extension firefox-addon pdf-reader text-to-speech web-accessibility web-audio

Last synced: 23 Oct 2024

https://github.com/ShaunakSen/AI-for-Web-Accessibility

This is the GitHub repository for my Masters dissertation titled: Artificial Intelligence for Web Accessibility which I completed as a part of my MSc in Data Science course in the University of Southampton, UK under the supervision of Prof. Mike Wald

artificial-intelligence convolutional-neural-networks deep-learning image-captioning natural-language-processing recurrent-neural-networks transfer-learning web-accessibility word2vec

Last synced: 23 Oct 2024

https://github.com/AnandChowdhary/accessibilityguidelines.com

♿ Universal accessibility guidelines for the web

a11y accessibility book color-blindness web-accessibility

Last synced: 23 Oct 2024

https://github.com/anandchowdhary/accessibilityguidelines.com

♿ Universal accessibility guidelines for the web

a11y accessibility book color-blindness web-accessibility

Last synced: 11 Dec 2024

https://github.com/INRIA/aiana-player

Media player focusing on cognitive impairments. Formerly known as the "Aiana Project".

a11y media-player mooc-player web-accessibility

Last synced: 23 Oct 2024

https://github.com/inria/aiana-player

Media player focusing on cognitive impairments. Formerly known as the "Aiana Project".

a11y media-player mooc-player web-accessibility

Last synced: 06 Nov 2024

https://github.com/nattui/olabel

WOP: ⭕ OLabel (Open Label) is an image classification browser extension to improve web accessibility using TensorFlow.js. Research Topic: Transfer learning (using current machine learning models) to improve web experience.

css deep-learning extension html image-classification javascript machine-learning tensorflowjs transfer-learning web-accessibility

Last synced: 23 Oct 2024

https://github.com/OswaldLabsOpenSource/agastya

♿ Oswald Labs' web accessibility plugin

a11y accessibility javascript library plugin web-accessibility widget

Last synced: 23 Oct 2024

https://github.com/LibrariesHacked/library-alt-text-bot

A twitter bot to promote web accessibility for libraries on Twitter

accessibility bot html nodejs tweets twitter twitter-api twitter-bot web-accessibility

Last synced: 23 Oct 2024

https://github.com/a11ywatch/core

A11yWatch API and core Lite

a11ywatch web-accessibility

Last synced: 08 Nov 2024

https://github.com/Prasad-Katkade/Scroll-Pilot

A simple React.js library that improves the accessibility of a web page. It includes a scroll indicator that tracks the user's scrolling progress and provides easy navigation options for moving between sections.

material-ui npm-package reactjs ui-components web-accessibility

Last synced: 23 Oct 2024

https://github.com/asan-developers/government-website-template

Standard website template for government organizations meeting WCAG guidelines

css government html javascript template wai-aria web-accessibility web-standards

Last synced: 23 Oct 2024

https://github.com/AgusLacomi/Introduction_to_Web_Development

Course dictated by the National University of Alicante in Google Learning (Professional online courses) (1/2)

css3 html5 http-protocol responsive-design web-accessibility web-standards-and-best-practices

Last synced: 23 Oct 2024

https://github.com/bolonio/adrianbolonio

Hi, I’m Adrián Bolonio, a Senior Software Engineer with a passion on making technology accessible for everyone. I like using and designing systems and interfaces that remove barriers and create a seamless online experience for all users.

a11d a11y accesibilidad accesibilidad-web accessibility blog web-accessibility

Last synced: 07 Jan 2025

https://github.com/lincprog/CAASES

CAASES is a web crawler for extracting website accessibility information using ASES. It provides metrics like URL, title, HTML file size, and eMAG-based error/warning summaries across markup, behavior, content, design, multimedia, and forms.

web-accessibility web-crawler

Last synced: 23 Oct 2024

https://github.com/taylorrodriguez/donut-prince

This website is modeled after a donut shop near my home known as "Donut Prince" in Burbank CA. A customer can add any donut or beverage from the menu into to their bag, update the amounts, and delete items. Everything works dynamically including price changes. A google maps api is integrated as well. I used HTML, CSS, and vanilla JS.

css html javascript responsive-design shopping-cart web-accessibility webp

Last synced: 23 Oct 2024

https://github.com/sskanishk/search-box

This is a simple search filter build in react which show the result based matched data field. It is designed by keeping web accessibility in mind where user can navigate result view using keyboard up down key.

react web-accessibility

Last synced: 23 Oct 2024

https://github.com/RyanBerliner/focustype

Useful data attributes to isolate focus events based on their origins.

a11y accessibility accessible accessible-design css javascript keyboard mouse scss web-accessibility

Last synced: 23 Oct 2024

https://github.com/john-breton/water

A security focused Internet measurement framework to map the threat landscape for users that require accessibility tools to access the Internet

internet-measurements madweb23 python research-paper security selenium-python wcag21 web-accessibility

Last synced: 17 Jan 2025

https://github.com/jamesta696/FoodPicker

An HTML5, SCSS/CSS3 & JavaScript mini demo asking an user to choose their favorite food. This is done with custom HTML input radios, while also applying BEMIT (ITCSS) naming conventions, Web Accessibility best practices (ARIA attributes, tabIndexes).

aria bem-methodology bemit css3 es6-javascript html5 itcss javascript oop-javascript scss w3c-specification wcag2 web-accessibility

Last synced: 23 Oct 2024

https://github.com/konnerb/pineapple_hue

Pineapplehue discovers colour palettes from your favourite pictures, then hints style designs for your new app!

color-contrast color-picker color-scheme colour-palettes wcag-contrast web-accessibility

Last synced: 23 Oct 2024

https://github.com/ryanberliner/focustype

Useful data attributes to isolate focus events based on their origins.

a11y accessibility accessible accessible-design css javascript keyboard mouse scss web-accessibility

Last synced: 18 Nov 2024

https://github.com/fititnt/a-barra-de-acessibilidade-tem-que-morrer

Trabalho em progresso, não terminado. Explicação dos efeitos secundários indesejados da adoção da barra de acessibilidade do eMAG 3.1 (Abril 2014) e como resolvê-los.

acessibility emag web-accessibility

Last synced: 28 Nov 2024

https://github.com/triggerman722/colorstrap

Bring color to your Bootstrap projects!

bootstrap3 css grunt sass web-accessibility

Last synced: 23 Oct 2024

https://github.com/john-breton/WATER

A security focused Internet measurement framework to map the threat landscape for users that require accessibility tools to access the Internet

internet-measurements madweb23 python research-paper security selenium-python wcag21 web-accessibility

Last synced: 23 Oct 2024

https://github.com/AnandChowdhary/oswald-widget

A web accessibility API and plugin

a11y oswald-labs plugin web-accessibility widget

Last synced: 23 Oct 2024

https://github.com/jamesta696/foodpicker

An HTML5, SCSS/CSS3 & JavaScript mini demo asking an user to choose their favorite food. This is done with custom HTML input radios, while also applying BEMIT (ITCSS) naming conventions, Web Accessibility best practices (ARIA attributes, tabIndexes).

aria bem-methodology bemit css3 es6-javascript html5 itcss javascript oop-javascript scss w3c-specification wcag2 web-accessibility

Last synced: 20 Dec 2024

https://github.com/ttsukagoshi/axe-test

テキストファイルで指定する複数のウェブページに対して、Deque社提供のaxe-coreを使ったウェブアクセシビリティ検査を一括実行する、Node.js上のスクリプト

a11y axe-core puppeteer web-accessibility

Last synced: 23 Oct 2024

https://github.com/danie1k/book-Dive-Into-Accessibility-Mark-Pilgrim

Book: Dive Into Accessibility - 30 days to a more accessible web site (in Polish)

accessibility book html mark-pilgrim pdf w3c web web-accessibility web-standards

Last synced: 23 Oct 2024

https://github.com/manoj-mass/accessibility-run-book

A web accessibility run book is a document that provides guidance and instructions on how to ensure that a website or web application is accessible to people with disabilities.

accesibility-run-book accessibility accessibility-audits accessibility-automation accessibility-checker accessibility-testing accessible-components accessible-react accessiblity-scenarios javascript-accessibility run-book-web-accessibility web-accessibility

Last synced: 23 Oct 2024

https://github.com/CodePapa360/Article-preview-component

This is my solution for the Article Preview Component challenge on Frontend Mentor.

codepapa360 css dark-mode frontend-development html javascript responsive-design ui-design ux-design web-accessibility web-development

Last synced: 23 Oct 2024

https://github.com/brandonhimpfen/web-accessibility-checklist

A quick checklist for web accessibility, which also acts as a great beginners' guide.

a11y accessibility web-accessibility

Last synced: 23 Oct 2024

https://github.com/LeeHyungi0622/responsive-naver-login-page-with-web-standards-and-accessibility

웹 표준(standards)과 접근성(accessibility)을 고려하여 간단한 반응형 네이버 로그인 페이지를 완성한다.

layoutpractice responsive-layout web-accessibility web-standards

Last synced: 23 Oct 2024

https://github.com/StepanNaryshkov/web-accessibility

Accessibility Resources for developers

a11y accessibility best-practises web-accessibility

Last synced: 23 Oct 2024

https://github.com/ishimasar/pattern-library

Pattern Library & Style Guide by Cloudy knot　https://ishimasar.github.io/pattern-library/

css fractal html javascript pattern-library pug scss semantic style-guide typescript ui web-accessibility

Last synced: 23 Oct 2024

https://github.com/mattdanielbrown/mdb-living-coding-styles-practices-and-more

A living, evolving guide documenting various coding styles, preferences, workflows, practices, structures and more that I generally follow unilaterally.

best-practices mobile web web-accessibility

Last synced: 23 Oct 2024

https://github.com/juanjefry23/webflow-landing-page

A landing page designed in Figma using web design principles, typography knowledge and palette of colours and coded in Webflow

css figma flexbox grid responsive-design user-experience ux-ui web-accessibility web-design webflow

Last synced: 13 Jan 2025

https://github.com/ressuman/AZ-C5-HTML

HTML Document Structure and Text Formatting, HTML Lists and Tables, HTML Forms and HTML Web Content Integration and Media Elements.

attributes basics-and-syntax document-structure forms html links lists media-element performance-optimization tables text-formatting web-accessibility web-content-integration

Last synced: 23 Oct 2024

https://github.com/a11ywatch/accessibility-calculator

Accessibility Calculator source https://a11ywatch.com/web-accessibility-calculator

a11y-experiment a11ywatch accessibility web-accessibility

Last synced: 01 Jan 2025

https://github.com/rhonthom/digital-garden

This repository is where I try out, store, manage, and share knowledge acquired in workshops, at work, and through personal study, on topics such as web accessibility testing, web development, and technical writing.

technical-writing web-accessibility web-development

Last synced: 23 Oct 2024

https://github.com/abhishek325/the-dashboard

Initial design of a dashboard to assist different users organizing there stuffs online

automation-ui bootstrap3-theme dashboard mysql-database php-framework sql web-accessibility yaf

Last synced: 21 Jan 2025

https://github.com/Abhishek325/The-Dashboard

Initial design of a dashboard to assist different users organizing there stuffs online

automation-ui bootstrap3-theme dashboard mysql-database php-framework sql web-accessibility yaf

Last synced: 23 Oct 2024

https://github.com/wcat-dev/ragical

Ragical - The OSS web accessibility tool

accessibility accessibility-testing web-accessibility

Last synced: 23 Oct 2024

https://github.com/Timpzu/rapsoo-wordpress-theme

WordPress Theme based on my website

minimal web-accessibility wordpress-theme

Last synced: 23 Oct 2024

https://github.com/falk33n/portfolio

Full-stack portfolio built with SvelteKit, showcasing projects with dynamic components, responsive design, and optimized performance.

backend developer frontend fullstack fullstack-development performance-optimization personal portfolio responsive-design sveltekit tailwindcss ui-design web-accessibility web-components

Last synced: 16 Jan 2025

https://github.com/abuna1985/vue-memory-game

Experience the captivating Vue Memory Game, meticulously crafted with Vue and TypeScript. Sharpen your memory by matching pairs of cards in this immersive gaming adventure. Play now!

css game responsive single-page-app typescript vue vuejs web-accessibility

Last synced: 23 Oct 2024

https://github.com/oriane212/restaurant-reviews

Web app refactored for responsive design, accessibility, and offline use.

html-css-javascript responsive service-worker web-accessibility

Last synced: 23 Oct 2024

https://github.com/ressuman/az-c5-html

HTML Document Structure and Text Formatting, HTML Lists and Tables, HTML Forms and HTML Web Content Integration and Media Elements.

attributes basics-and-syntax document-structure forms html links lists media-element performance-optimization tables text-formatting web-accessibility web-content-integration

Last synced: 10 Jan 2025

https://github.com/hiwelo/flora11y

Flora11y is a project of WCAG 2.1 AA compliant UI kit based on TypeScript, React and Styled Components

accessibility react styled-components typescript ui-components ui-kit wcag-aa web-accessibility

Last synced: 18 Dec 2024

https://github.com/dekadentno/web-accessibility-notes

:eyeglasses: My notes created while learning about web accessibility from various resources.

accessibility cheat cheatsheet frontend notes sheet web-accessibility

Last synced: 23 Oct 2024

https://github.com/ahmed-elrashidii/plantwebsite-tailwindcss

"A modern and responsive plant website template built with Tailwind CSS, Swiper, and ScrollReveal, optimized for SEO and accessibility."

frontend-development html-css-js plant-website responsive-design scrollreveal-js swiperjs tailwindcss web-accessibility

Last synced: 19 Jan 2025

https://github.com/oni20/Tax-Calculator

Find out net income from gross salary based on the Canadian Tax bracket.

aoda echarts eslint hooks-api-react json nextjs npm-package react-bootstrap reactjs scss scss-mixins web-accessibility website

Last synced: 23 Oct 2024

https://github.com/rendaardy/restaurant-apps

A web application I made to finish my final submission in "Menjadi Front-End Web Developer Expert" course

pwa shadow-dom web-accessibility web-components

Last synced: 23 Oct 2024

https://github.com/elizabethmchan2/ContextualizeHTML

Elizabeth Chan, Bryn Mawr College Class of 2019, Senior CS Thesis. This is a Chrome Extension that helps visually-impaired/blind programmers learn HTML.

accessibility blindness chrome chrome-extension dom-manipulation html visually-impaired w3schools web-accessibility

Last synced: 23 Oct 2024

https://gitlab.com/ReshmaPD/restaurant-reviews-project

A Restaurant Reviews web application about your neighbourhood restaurants, which is designed as per web accesibility standards and also to be responsive on different sized displays and accessible for screen reader use.

CSS3 front-end-development html5 javascript responsive-web-design semantic-web service-worker web-accessibility

Last synced: 23 Oct 2024

https://github.com/pennmeg/web-access

Practicing accessibility techniques

accessibility web-accessibility work-in-progress

Last synced: 23 Oct 2024

https://github.com/JuanJefry23/webflow-landing-page

A landing page designed in Figma using web design principles, typography knowledge and palette of colours and coded in Webflow

css figma flexbox grid responsive-design user-experience ux-ui web-accessibility web-design webflow

Last synced: 23 Oct 2024

https://github.com/rayansami/LinkGrabber

Grab links from highlighted(selected) texts from the webpage and show them as a continuous list in a pop up.

chrome-extension javascript web-accessibility

Last synced: 23 Oct 2024

Web Accessibility (a11y) Awesome Lists
awesome-web-accessibility 38
Web Accessibility (a11y) Categories
Accessible Components & Libraries 4 Communities 3 Designing for Accessibility 3 General Resources 3 Books 3 Guidelines & Standards 3 Accessibility Testing Tools 3 Podcasts 3 Conferences & Events 2 Articles & Tutorials 2 License 1 Courses & Certifications 1