Code Monkey home page Code Monkey logo

graphics-aria's Introduction

WAI-ARIA Graphics Module 1.0

WAI-ARIA 그래픽 모듈 (Graphics Module) 문서에서 제작 과정에 필요한 내용을 발췌하여 일부 번역(의역)을 진행했습니다.

W3C 표준 입후보안(CR) - 2018.03.29

목차

각 섹션 링크를 통해 번역된 내용을 확인할 수 있습니다.

  1. WAI-ARIA 그래픽 모듈
  2. 그래픽 역할(Roles)
  3. 상태(States)와 속성(Properties)



SVG 그래픽 / 접근성

SVG 그래픽에 대한 이해를 돕고, 사용하는 방법에 대해 안내합니다. 나아가 그래픽에 접근성을 고려하는 방법을 다뤄봅니다.

  1. SVG 그래픽
  2. SVG 접근성

W3C 접근성 API 매핑(Mapping)

매핑 API는 웹 개발자가 아닌 브라우저, 보조 기술 개발자가 참고해야 할 문서입니다.

Graphics Accessibility API Mappings (W3C 표준 입후보안 - 2018.04.19)

그래픽 접근성 API 매핑은 유저 에이전트(UA)가 WAI-ARIA 그래픽 모듈 GRAPHICS-ARIA-1.0 마크업을 플랫폼 마크업 접근성 API에 매핑(Mapping: A 집합에 속하는 요소와 B 집합에 속하는 요소 사이 1:1 대응)하는 방법을 정의합니다.

SVG 또는 HTML5.2 용으로 작성된 것과 같은 그래픽의 접근성을 지원할 수 있도록 유저 에이전트에서 접근성을 담당하는 유저 에이전트 개발자를 위한 것입니다.

유저 에이전트에서 이 명세를 구현하면 제작자는 보편적인 그래픽 의미 체계를 보조 기술로 전달함으로써 보다 접근하기 쉬운 그래픽을 생성 할 수 있습니다. WAI-ARIA 그래픽 모듈 GRAPHICS-ARIA-1.0에 정의된 역할에 대한 접근성 API 매핑 가이드를 제공합니다.

그래픽 접근성 API 매핑은 WAI-ARIA 개요에 설명 된 WAI-ARIA 제품군의 일부입니다.

SVG Accessibility API Mappings (W3C 초안 - 2018.05.10)

SVG 접근성 API 매핑은 유저 에이전트가 SVG2 마크업을 플랫폼 마크업 접근성 API에 매핑하는 방법을 정의합니다. 유저 에이전트에서 SVG 접근성을 담당하는 SVG 유저 에이전트 개발자를 위한 것입니다.

이 사양은 SVG 제작자가 차트(Chart), 그래프(Graph) 및 기타 도면(drawings)을 포함하여 접근 가능한 리치 애플리케이션(RIA)을 만들 수 있도록 합니다. 이것은 Core Accessibility API Mappings 1.1 (CORE-AAM) [CORE-AAM]과 Accessible Name and Description: Computation and API Mappings 1.1 (ACCNAME-AAM) [ACCNAME-AAM]을 유저 에이전트에 확장하기에 가능합니다.

이러한 핵심 매핑을 활용하고 SVG 유저 에이전트가 WAI-ARIA [WAI-ARIA]를 통해 웹 컨텐츠에서 제공되는 키보드 포커스와 역할(role), 상태(state) 및 속성(property) 속성에 응답해야 하는 방법을 정의하는 SVG 관련 가이드를 제공합니다. 또한 SVG-AAM은 ACCNAME-AAM이 플랫폼 접근성 API에 의해 공개된 접근 가능한 이름과 설명 정보를 계산하는데 사용되는 표준 SVG 기능을 사용하도록 조정합니다.

SVG-AAM은 WAI-ARIA 개요에 설명된 WAI-ARIA 제품군의 일부입니다.


플랫폼(운영체제) 접근성 API

운영체제 및 기타 플랫폼은 객체이벤트에 대한 정보를 보조 기술에 공개하는 일련의 인터페이스를 제공합니다. 보조 기술은 이러한 인터페이스를 사용하여 위젯에 대한 정보를 얻고 인터랙션 합니다.

graphics-aria's People

Contributors

yamoo9 avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

juseonmi

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.