SeoulFM은 무엇보다 라디오 채널, 즉 오디오 경험입니다. 저희는 기기를 어떤 방식으로 사용하든 누구나 음악을 들을 수 있어야 한다고 믿습니다. 이곳에서 접근성은 나중에 덧붙이는 것이 아니라, 저희가 하는 일의 본질에 담겨 있습니다. 저희의 목표는 사이트 전체에서 WCAG 2.1 AA 수준을 충족하는 것입니다.

오디오 중심 설계

SeoulFM의 핵심은 듣는 것입니다. 재생 버튼만 누르면 화면을 한 번도 보지 않고도 엄선된 K-POP을 몇 시간이고 즐길 수 있습니다. 지금 재생 중 정보, 앨범 아트, 시각 효과는 경험을 풍부하게 하지만 반드시 필요한 것은 아닙니다. 음악은 그 자체로 충분합니다.

키보드 탐색

SeoulFM의 모든 핵심 기능은 키보드만으로 조작할 수 있습니다. 음악 재생, 볼륨 조절, 곡 검색, 사이트 탐색에 마우스나 트랙패드가 전혀 필요하지 않습니다.

스크린 리더 호환성

저희는 보조 기술이 모든 페이지의 구조를 이해할 수 있도록 시맨틱 HTML로 SeoulFM을 만듭니다. 구체적인 조치는 다음과 같습니다.

• •모든 인터랙티브 컨트롤(재생, 볼륨, 음소거, 검색)에 설명적인 ARIA 레이블이 있습니다
• •곡이 바뀌면 지금 재생 중 정보를 스크린 리더에 알립니다
• •페이지는 올바른 제목 계층 구조를 사용하므로 제목 단위로 탐색할 수 있습니다
• •인터랙티브 요소는 스타일을 입힌 div가 아닌 네이티브 HTML 버튼과 링크를 사용합니다
• •포커스 상태가 눈에 보이며 논리적인 탭 순서를 따릅니다

색상 대비 및 시각 디자인

SeoulFM은 어두운 배경에 밝은 텍스트를 쓰는 다크 테마를 사용합니다. WCAG AA 요구 사항에 맞춰 본문 텍스트는 최소 4.5:1, 큰 텍스트와 UI 구성 요소는 3:1의 명암비를 목표로 합니다. 중요한 정보는 절대 색상만으로 전달하지 않습니다. 색상을 어떻게 인지하든 의미가 분명하도록 색상 신호에 텍스트 레이블이나 아이콘을 함께 사용합니다.

반응형 디자인

SeoulFM은 휴대폰, 태블릿, 데스크톱 등 어떤 기기와 화면 크기에서도 작동합니다. 레이아웃이 유연하게 조정되며, 모든 터치 영역은 최소 크기 가이드라인을 충족합니다. 텍스트는 콘텐츠나 기능의 손실 없이 최대 200%까지 확대할 수 있습니다.

알려진 한계

저희는 계속 개선하고 있으며, 더 잘할 수 있다고 알고 있는 부분은 다음과 같습니다.

• •일부 시각적 애니메이션과 전환 효과가 아직 prefers-reduced-motion 설정을 따르지 않을 수 있습니다
• •표시되는 가사에 스크린 리더용 마크업이 완전히 갖춰져 있지 않을 수 있습니다
• •앨범 아트워크에는 아티스트와 곡 이름 외에 설명적인 대체 텍스트가 없습니다

저희는 이를 기능이 아닌 버그로 여기며, 해결하기 위해 노력하고 있습니다.

준수 목표 표준

접근성 문제 신고

SeoulFM을 이용하면서 불편을 겪으셨다면 꼭 알려 주세요. 문의하기를 통해 무엇을 하려고 했는지, 무엇이 방해가 되었는지 설명해 주시기 바랍니다. 모든 신고를 진지하게 받아들이며, 가능한 한 빨리 문제를 해결하도록 노력하겠습니다.