>  기사  >  웹 프론트엔드  >  부트스트랩에서 아리아는 무엇을 의미합니까?

부트스트랩에서 아리아는 무엇을 의미합니까?

WBOY
WBOY원래의
2022-05-06 11:43:592954검색

부트스트랩에서 aria는 "Accessible Rich Internet Application"을 의미하며 "Accessible Rich Internet Application"의 약어입니다. 장애인 보조 읽기 장치에서 웹 페이지의 인식 및 읽기를 향상시키는 데 사용되며 html 및 js를 보완할 수 있습니다. 접근성 단점.

부트스트랩에서 아리아는 무엇을 의미합니까?

이 튜토리얼의 운영 환경: Windows 10 시스템, 부트스트랩 버전 3.3.7, DELL G3 컴퓨터

aria 부트스트랩의 의미

aria는 Accessible Rich Internet Application, Baidu의 약어입니다. 번역: 접근 가능한 리치 인터넷 응용 프로그램.

이러한 유형의 속성은 장애가 있는 독서 보조 장치의 웹 페이지 인식 및 읽기를 향상시키기 위한 것입니다.

aria는 html 및 js 자체의 접근성 부족을 보완하는 데 사용되는 비교적 새로운 보조 액세스 기술입니다. Aria 지원은 필수 또는 필수는 아니지만 Aria를 지원하면 애플리케이션이 더욱 친숙해지고 더욱 강력해집니다.

예:

아래 양식은 aria-label 속성을 추가한 다음 페이지가 이 양식에 초점을 맞추면 화면 판독기가 aria-label 속성의 값을 읽으며 aria-label에는 시각적 효과 장치가 메모를 읽는 것이 편리합니다.

<input type="text" class="form-control" id="name" placeholder="请输入名称" aria-label="名称">

지식 확장:

ARIA는 사용자의 다양한 요구 사항을 충족하는 웹 앱용 솔루션을 제공합니다. 사용자와 소프트웨어 사이에 다리를 구축하세요.

새로운 HTML5 표준에는 aria-* 태그 속성이 추가되었으며 전체 이름은 Accessible Rich Internet Application입니다. 역할 태그 속성과 함께 사용됩니다.

role 속성은 비표준 태그의 실제 역할을 나타냅니다. 예를 들어 div를 버튼으로 사용하는 경우 div의 role="button"을 설정하면 보조 도구가 실제로 버튼임을 인식할 수 있습니다. aria-*의 기능은 시각적 상황에서 이 태그의 특정 정보를 설명하는 것입니다.

가장 간단한 애플리케이션(예:

<div role="checkbox" aria-checked="checked"></div>

) 보조 도구는 이 div가 실제로 체크박스 역할이고 선택된 상태에 있음을 알게 됩니다.

관련 권장 사항: 부트스트랩 튜토리얼

위 내용은 부트스트랩에서 아리아는 무엇을 의미합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.