Discover russmaxdesign/aria-states-properties Open Source project

Stars
3
Rank 3,963,521 (Top 79 %)
Language
HTML
License
MIT License
Created about 6 years ago
Updated almost 3 years ago

russmaxdesign

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

WAI ARIA states and properties, including when these properties were introduced

accessible-forms

A series of HTML test cases to determine how specific elements are announced in different screen reader / browser combinations.

HTML

179

maxdesign-slides

A range of CSS, HTML and Accessibility slide decks and associated exercises for self-paced learning

HTML

example-layout-one-fixed

One-column fixed-width responsive layout

HTML

example-layout-one-full

One-column full-width responsive layout

HTML

language-switcher

A simple, accessible language switcher module

CSS

navbar

A complex responsive and accessible navbar

CSS

example-layout-two-full

Two-column full width responsive layout

HTML

05-bootstrap-blog-post-template-left

Bootstrap blog post template with left sidebar

HTML

07-bootstrap-three-column-gallery

Bootstrap three column gallery

HTML

html-elements-names

HTML elements and possible accessible names

HTML

simplex

A simple, flexible component library for complex sites and apps

HTML

08-bootstrap-four-column-gallery

Bootstrap four column gallery

HTML

03-bootstrap-kickoff-template-responsive

Bootstrap kickoff template wit responsive type

HTML

01-bootstrap-kickoff-template

Bootstrap kickoff template

HTML

aria-roles

A chart on the various ARIA roles

HTML

accessibility-workshop-developers

A detailed accessibility training workshop for developers

HTML

floating-label

A quick demo of floating, animated labels

CSS

web-usability-resources

HTML

html5-content-types

HTML 5 content type table

HTML

validation-tests

A repository to test various HTML configurations for validity

HTML

getting-started-with-css

Getting started with CSS

HTML

09-bootstrap-six-column-gallery

Bootstrap six column gallery

HTML

example-layout-three-full

Three-column full-width responsive layout

HTML

segmented-control

A Segment Control is a horizontal control made of multiple segments

CSS

accessible-hint-error

Examples of accessible inline error messages and hints.

HTML

switch-checkbox

A simple checkbox element styled to look like an on-off switch

CSS

equal-height-borders

Equal-height borders on Bootstrap Columns

HTML

accessible-error-fieldset

Test for error messages within fieldsets

CSS

02-bootstrap-kickoff-template-image

Bootstrap kickoff template with image for logo

HTML

06-bootstrap-two-column-gallery

Bootstrap two column gallery

HTML

Accessibility-test-cases

Accessibility tests

JavaScript

html-css-tests

A range of HTML and CSS test files based on common questions

HTML

exercise

This file can be used to teach keyboard use and screen reader use as it has a range of links, tables and forms.

HTML

04-bootstrap-blog-post-template-right

Bootstrap blog post template - right sidebar

HTML

accessible-accordion

An accessible accordion modified from the W3C version

JavaScript

accessibility-checklist

An Accessibility Compliance checklist

HTML

accessible-svg

A page to test some accessibility concerns with SVG files

CSS

aria-label-popover

Making the aria-label visible as a popover

CSS

highres

Creating high resolution background images

CSS

upvote-downvote

A simple upvote-downvote module

CSS

srcset

A simple scrset attribute test to deliver different device-pixel-ratio images

CSS

less-colors

A simple example of LESS colors

CSS

open-close

A checkbox based open-close toggle

CSS

details-styling

A quick demo to show how to style the details element

CSS

scalable-backgrounds-in-css

Scalable Backgrounds in CSS

CSS

user-select

A quick demo of user-select property

travel-survey

maxdesign

states

Systemising states within component libraries

HTML

placeholder

Simple styling for the placeholder attribute

CSS

complex-table

A simple demo of a complex table

HTML

default-styling

Styling with the :default selector

CSS

responsive-bootstrap-buttons

Creating elegant responsive Bootstrap buttons

HTML

button-dropdown

A quick description of Accessibility issues with button dropdown

HTML

russmaxdesign/aria-states-properties

russmaxdesign

Reviews

Repository Details

More Repositories