Front End Accessibility Development Guide

Header

Carefully write heading(h1,h2,h3) for screen reader.

Alternative Image

Provide alt text for both essential and functional images.
Provide empty alt text (alt=””) for decorative images.
Don’t repeat the alt text of an image in the adjacent text.
Define decorative image as CSS background images.
CSS be used instead of spacer images.

Labeling Form Elements

Must ensure the forms can be navigated and completed using keyboard.
Ensure “for” and “id” attributes are associated in the label and form element.

Use a fieldset to group several associated form elements such as checkboxes and radio buttons. Legend text should be visible and concise.

Use html buttons, input or button element for

submitting a form
Opening model dialogs
Dynamic page updates

Front End Accessibility Development Guide相关推荐

nginx documentation | Development guide
Table of Contents nginx documentation Development guide Nginx distributions ▪️ OpenResty ▪️ The Te ...
iot zwave development guide
linux 开发z-wave 简介 z-wave是智能家居的一个方向,可以构建出最强的智能家居生态系统,能确保全球上千的产品互联.专注于与智能家居领域国际标准无线通讯协议,技术运行稳定,昌平丰富多彩, ...
iOS VoiceOver Programming Guide
前言 VoiceOver是苹果"读屏"技术的名称,属于辅助功能的一部分.VoiceOver可以读出屏幕上的信息,以帮助盲人进行人机交互. 这项技术在苹果的各个系统中都可以看到,OS ...
java web开发初学_2018年学习Web开发的绝对初学者指南
java web开发初学 This post was originally published on Coder-Coder.com. 该帖子最初发布在Coder-Coder.com上 . If yo ...
ARM 之七主流编译器（armcc、iar、gcc for arm、LLVM(clang)）详细介绍
必备在讲解各编译器之前,必须先了解一下以下这些文件.这些文件在编译器目录下或者编译生成目标平台的可执行程序时经常见到.此外,还需要注意区分 Windows 平台和 Linux 平台的文件. . ...
devops开发模式流程图_2020 Web开发人员路线图–成为前端，后端或DevOps开发人员的视觉指南
devops开发模式流程图 There are many ways you can go about picking up the skills you need to become a develo ...
【转】ARM 之七主流编译器（armcc、iar、gcc for arm、LLVM(clang)）详细介绍
转自:ARM 之七主流编译器(armcc.iar.gcc for arm.LLVM(clang))详细介绍_itexp-CSDN博客_armcc 必备在讲解各编译器之前,必须先了解一下以下文件 ...
怎么让前端项目运行起来_如何立即使您的前端项目看起来更好
怎么让前端项目运行起来 We've all been there. You've been learning the basics of front end Web development, and ...
web开发学习_是否想学习Web开发但不知道从哪里开始？
web开发学习 by Rick West 由里克·韦斯特(Rick West) 是否想学习Web开发但不知道从哪里开始? (Want to learn web development but don ...

Front End Accessibility Development Guide

Front End Accessibility Development Guide相关推荐

最新文章

热门文章