2024/06/136

728x90
[Typescript]타입스크립트의 특징 TypeScript는 Microsoft에서 개발한 오픈 소스 프로그래밍 언어로, JavaScript의 상위 집합으로 설계되었습니다. TypeScript는 대규모 애플리케이션 개발을 위한 정적 타입을 제공하며, JavaScript로 컴파일됩니다. 주요 특징은 다음과 같습니다.   1. 정적 타입 검사타입 시스템: TypeScript는 컴파일 타임에 타입 오류를 감지하여 코드의 안정성과 가독성을 향상시킵니다. 정적 타입 검사를 통해 개발 초기에 많은 버그를 발견할 수 있습니다.타입 추론: 개발자가 명시적으로 타입을 지정하지 않아도, TypeScript는 자동으로 타입을 추론합니다.2. ES6/ESNext 기능 지원TypeScript는 최신 ECMAScript 기능(ES6 이상)을 지원하며, 이를 구형 Jav..
[웹접근성]모달창(레이어팝업) 포커스(focus) 회귀하려면? 모바일 스크린 리더 환경에서 활성화된 레이어(모달 창) 닫기 버튼을 실행할 때, 초점을 해당 레이어를 불러온 콘텐츠로 돌리는 방법을 설명하겠습니다. 이를 위해 JavaScript와 ARIA 속성을 사용하여 웹 접근성을 보장할 수 있습니다. 단계별 구현 방법HTML 구조 설정:모달을 열기 위한 버튼모달 레이어모달 닫기 버튼JavaScript로 포커스 관리:모달을 열 때 모달 내의 첫 번째 포커스 가능한 요소에 포커스를 설정모달을 닫을 때 포커스를 모달을 연 버튼으로 복귀HTML 예시모달 열기 모달 타이틀 닫기 모달 내용이 여기에 표시됩니다. CSS 예시.modal { display: none; /* 기본적으로 모달은 보이지 않음 */ positi..
[웹접근성]웹접근성 속성과 예제 웹 접근성을 높이기 위해 HTML과 WAI-ARIA에서 제공하는 다양한 속성을 사용할 수 있습니다. 이 속성들은 장애가 있는 사용자들이 웹 콘텐츠를 더 쉽게 접근하고 상호작용할 수 있도록 돕습니다. 주요 웹 접근성 속성들은 다음과 같습니다.   HTML 접근성 속성alt (대체 텍스트)사용 요소: 설명: 이미지를 설명하는 텍스트를 제공하여 시각 장애인 사용자들이 이미지를 이해할 수 있도록 돕습니다.예시: title (제목)사용 요소: 대부분의 HTML 요소설명: 요소에 대한 추가 정보를 툴팁 형식으로 제공합니다.예시: 💾label (레이블)사용 요소: 설명: 입력 요소에 레이블을 제공하여 입력 필드의 용도를 설명합니다.예시: 이름:role (역할)사용 요소: 대부분의 HTML 요소설명: 요소의 역할을 ..
[웹접근성]aria-disabled 속성 aria-disabled 속성은 WAI-ARIA (Web Accessibility Initiative - Accessible Rich Internet Applications) 명세에서 제공하는 속성 중 하나로, 사용자 인터페이스 요소가 현재 비활성화되었음을 나타냅니다. 이는 주로 HTML 요소가 현재 사용 불가능한 상태일 때 시각적 효과뿐만 아니라 스크린 리더를 통해서도 이를 사용자에게 전달하기 위해 사용됩니다. aria-disabled 속성의 사용aria-disabled 속성은 true 또는 false 값을 가질 수 있습니다.aria-disabled="true": 요소가 비활성화되어 있고, 상호작용이 불가능함을 나타냅니다.aria-disabled="false": 요소가 활성화되어 있고, 상호작용이 가능..
[웹접근성]WCAG와 KWCAG의 가장 큰 차이 WCAG(Web Content Accessibility Guidelines)와 KWCAG(Korean Web Content Accessibility Guidelines)는 모두 웹 콘텐츠의 접근성을 보장하기 위한 가이드라인이지만, 적용 범위와 세부 사항에서 차이가 있습니다. KWCAG는 WCAG를 기반으로 한국의 상황에 맞게 조정된 버전입니다. WCAG (Web Content Accessibility Guidelines)국제 표준: WCAG는 W3C(World Wide Web Consortium)에서 개발한 국제 표준입니다.버전: 최신 버전은 WCAG 2.1이며, 과거에 WCAG 1.0과 WCAG 2.0이 있었습니다. WCAG 2.2는 개발 중입니다.구성: 4가지 주요 원칙(인지할 수 있음, 운용할 수 ..
[웹접근성]웹접근성(a11y) 이란? 웹 접근성(Web Accessibility)은 장애가 있는 사람들을 포함한 모든 사용자가 웹사이트와 웹 애플리케이션을 이용할 수 있도록 보장하는 것입니다. 이는 시각, 청각, 신체, 인지, 언어, 학습 등 다양한 장애를 가진 사람들이 웹 콘텐츠에 접근하고 상호작용할 수 있도록 하는 것을 목표로 합니다.  "a11y"는 "accessibility"의 첫 글자 'a'와 마지막 글자 'y' 사이에 있는 11개의 문자를 나타내는 줄임말입니다. 이는 웹 접근성(웹 콘텐츠 접근성)을 지칭하는 약어로서, 모든 사용자가 웹 사이트나 애플리케이션을 이해하고 사용할 수 있도록 하는 개념을 포함합니다. https://www.wa.or.kr/m1/sub1.asp WA : 한국웹접근성인증평가원" data-og-descripti..
반응형