Webtagr - 기술 뉴스 다이제스트

ARIA: 웹 접근성을 위한 강력한 도구와 함정

2025-06-17

이 글에서는 웹 접근성에서 ARIA(Accessible Rich Internet Applications)의 역할을 심층적으로 논하며 일반적인 오해를 밝힙니다. ARIA는 만능이 아니며, 기본 HTML 요소를 보완하여 화면 판독기 등 보조 기술에 추가 정보를 제공함으로써 상호 작용, 목적 및 상태의 이해도를 높입니다. ARIA의 역사, 사용 규칙, 문법 구조(역할, 상태, 속성), 그리고 실제 적용에서 발생하는 문제점(보조 기술 지원의 차이, ARIA 속성 오용 등)을 다룹니다. 저자는 의미 있는 HTML을 우선하고 ARIA는 신중하게 사용하며, 수동 테스트의 중요성을 강조합니다. 결론적으로, 이 글은 ARIA 사용을 장애인을 위한 배려와 연결하여 개발자들에게 접근성을 우선시하고 더욱 포괄적인 웹을 구축할 것을 촉구합니다.

(www.smashingmagazine.com)

개발 웹 접근성

Firefox 62에서 CSS Shapes 지원 시작: 어떤 모양에도 맞춰 텍스트 배치

2025-03-17

Firefox 62는 이제 CSS Shapes를 공식적으로 지원합니다. 이를 통해 텍스트와 다른 콘텐츠를 직사각형이 아닌 모양에 맞춰 배치할 수 있습니다. 이 글에서는 이미지, 그라디언트, 기본 도형을 사용하여 도형을 만드는 방법을 설명하고 Firefox DevTools의 새 도구를 사용하여 프로세스를 간소화합니다. 이미지의 알파 채널, 그라디언트 투명도, 사전 설정된 도형(원, 타원, 다각형)을 사용하여 텍스트 흐름을 제어하고 `shape-margin`을 사용하여 간격을 조정하고 반투명 이미지에는 `shape-image-threshold`를 사용하는 방법을 배웁니다. 또한 고급 효과를 위해 도형과 `clip-path`를 결합하는 방법도 설명합니다.

(www.smashingmagazine.com)

개발

Svelte 5: 프레임워크의 미래와 Rich Harris와의 대담

2025-01-28

Smashing Magazine은 Svelte 개발자인 Rich Harris와의 인터뷰를 통해 Svelte 5의 주요 업데이트와 미래 방향을 공개했습니다. Svelte 5는 처음부터 다시 작성된 버전으로, 더 명확한 상태 관리 메커니즘을 도입했습니다. Harris는 Svelte의 목표가 단순한 시장 점유율이 아니라 고품질, 안정적이고 접근성이 뛰어난 애플리케이션을 구축하고 전 세계 소프트웨어에 만연한 결함을 해결하는 데 있다고 강조했습니다. 앞으로는 SvelteKit 등 주변 생태계를 강화하고 JavaScript에서 Rails나 Laravel과 같은 존재를 목표로 하여 풀스택 애플리케이션 개발을 간소화하는 데 집중할 것입니다.

(www.smashingmagazine.com)

개발