Beaver Builder 접근성은 다가오는 2.10 릴리스에서 최우선 과제였으며 결과는 스스로를 대변합니다.

Equareize의 2025 WordPress Page Builder 접근성 비교에 따르면 Beaver Builder의 접근성 점수는 48%에서 68%로 증가하여 WordPress Page Builders의 3 분의 1 로 우리를 옮겼습니다. 이 20 포인트 개선은 모든 방문객에게 적합한 포괄적 인 웹 사이트를 구축하는 데 도움이되는 우리의 약속을 반영합니다.

"Beaver Builder의 여러분 모두가 일을 해왔고 쇼를 보여주었습니다! 훌륭한 일과 접근성 우선 순위를 정한 것에 감사드립니다!" - 앰버 뒷다리

접근성 전문가 Amber Hinds와 그녀의 팀은 실제 접근성 표준에 대해 페이지 빌더를 평가했습니다. 그들의 보고서는 건축업자가 장애가있는 사람들을 위해 콘텐츠를 사용할 수 있도록 성공하거나 부족한 곳을 강조합니다. 우리는 우리의 진전이 측정 가능하며 이것이 당신과 당신의 고객들에게 무엇을 의미하는지에 대해 더욱 흥분합니다.

Beaver Builder 2.10 접근성의 새로운 기능

우리 팀의 커뮤니티의 피드백과 Amber Hinds의 전문가 지침 덕분에 우리 팀은 Beaver Builder의 접근성을 높이기 위해 열심히 노력하고 있습니다.

이러한 업데이트 중 다수는 반감기 API를 통해 가능해 지므로 기존 디자인을 깨지 않고 새로운 모듈의 마크 업 및 접근성을 향상시킬 수 있습니다. 변경 사항은 다음과 같습니다.

아코디언 모듈

• 개선 된 의미론을 위해 HTML 태그를 업데이트했습니다.
• 가시성을 위해 포커스 링 크기 증가.
• 이벤트 리스너를 keypress 에서 keydown 으로 변경했습니다.
• Escape Key 이제 탭을 닫습니다.
• 초점이 외부로 움직일 때 모든 아코디언 항목이 닫힙니다.
• 적절한 ARIA 속성 구현.

콘텐츠 슬라이더 모듈

• 링크에 대한 명확한 초점 링.
• 감소 된 모션 선호도에 대한 지원.
• 초점이 변경 될 때 자동 재생을 방지합니다.
• aria-label 및 역할 속성이 추가되었습니다.
• 키보드 탐색 개선.
• Slider Dot Navigation에 초점이 추가되었습니다.
• 목록 및 버튼 태그를 사용하여 업데이트 된 마크 업.

갤러리 모듈

• 목록 태그로 div 태그를 교체했습니다.
• 감가 상각 된 div 태그에 대한 ARIA 역할이 추가되었습니다.

메뉴 모듈

• 키보드 내비게이션 향상.
• ARIA 속성 및 역할 향상.
• 조정 된 마크 업 및 하위 메뉴 아이콘 크기.

사진 모듈

• 접근성 모범 사례에 따라 캡션의 figcaption 로 전환했습니다.

게시물 모듈

• 컨테이너를 div 에서 ul 로 변경했습니다.
• 포스트 컨테이너 필드에 새로운 옵션이 추가되었습니다.

슬라이더를 게시하고 캐 러셀을 게시하십시오

• 슬라이드는 이제 목록 태그를 사용합니다.
• 내비게이션 및 페이지 매김 사용 버튼 태그 사용.
• 개선 된 ARIA 속성.
• 이제 모든 컨트롤에 중점을 둡니다.

모든 게시물 모듈

• 화면 리더 및 키보드 탐색에서 숨겨진 중복 링크.

탭 모듈

• 링크/div 대신 사용되는 버튼 태그.
• 적절한 aria 속성이 추가되었습니다.
• 마크 업 변경은 감가 상각 API를 통해 새로운 모듈에만 적용됩니다.

증언 모듈

• div 에서 blockquote 로 변경되었습니다.
• 감소 된 모션 선호도에 대한 지원이 추가되었습니다.
• 새로운 재생/일시 중지 버튼 옵션 사용 가능.

행 모양

• 접근성을위한 일반 제목/설명이 추가되었습니다.

발췌 한 모듈

• 더 나은 컨텍스트를 위해 "더 읽기"텍스트를 개선했습니다.

뒤로 호환성

접근성을 향상시킬 때 안정성이 진보만큼이나 중요하다는 것을 알고 있습니다. 그렇기 때문에 Beaver Builder 2.10은 후진 호환성과의 균형을 맞추는 신중한 접근 방식을 사용합니다.

작동 방식은 다음과 같습니다.

• 모듈 감가 상각 API : <div> 에서 <ul> 태그로 전환하는 것과 같은 주요 마크 업이 변경되면 해당 업데이트는 새로운 버전의 모듈로 소개됩니다. 즉, 페이지에 추가 한 새로운 모듈 에는 개선 된 마크 업이 포함되며 기존 모듈은 레이아웃을 깨지 않도록 변경되지 않습니다.
• 기존 모듈은 여전히 ​​도움이됩니다 . 새 모듈 버전을 만들 때에도 기존 버전을 감사하여 ARIA 속성, 키보드 내비게이션 및 기타 중단되지 않는 접근성 기능을 개선합니다. 다시 말해, 이전 버전과 새로운 버전 모두 접근성 개선을 받지만 새 버전 만 마크 업 변경을받습니다.
• 큰 변경뿐만 아니라 일부 업데이트에는 새로운 모듈 버전이 전혀 필요하지 않습니다. 이 경우 ARIA 역할 조정 또는 감가 상각 API를 사용하지 않고 적절한 키보드 상호 작용을 보장하는 등 직접 개선합니다.
• 진행중인 약속 :이 과정은 향후 릴리스에서 계속 될 것입니다. 마크 업 변경에 새로운 모듈 버전이 필요할 때마다 기존 모듈 마크 업을 감사하므로 안정성을 희생하지 않고 사이트에서 접근성이 꾸준히 향상됩니다.

요컨대, 현재 모듈에서도 새로운 마크 업이 아닌 미묘한 속성 업데이트를 통해 발생하는 동시에 접근성 향상을 기대할 수 있습니다.

웹 사이트의 접근성이 중요한 이유

접근성은 단순한 규정 준수에 관한 것이 아닙니다. 모든 사람이 완전히 참여할 수있는 포괄적 인 웹을 만드는 것입니다. Beaver Builder 2.10은 키보드 전용 방문자부터 스크린 리더를 사용하는 사람들에 이르기까지 모든 사용자에게 매끄럽고 명확한 경험을 보장합니다.

귀하의 사이트를 포괄적으로 만들어 :

• 장애인을 포함하여 더 광범위한 청중에게 도달하십시오
• 접근성이 우수한 설계 관행과 겹치기 때문에 SEO 및 사용자 경험을 향상시킵니다.
• 규정 준수, 귀하와 고객의 법적 위험 감소

접근성을 우선시하면 아름다운 웹 사이트를 구축하는 것이 아니라 모든 방문객에게 의미있는 차이를 만들고 있습니다.

접근 가능한 디자인을 위해 Beaver Builder를 선택하는 이유는 무엇입니까?

접근 가능한 웹 사이트 구축은 기초로 시작합니다. Beaver Builder 2.10은 소스의 일반적인 접근성 장벽을 제거합니다. 모든 모듈에는 깨끗한 시맨틱 마크 업과 적절한 ARIA 속성이 제공되므로 추가 노력없이 완전 액세스 할 수있는 사이트를 만들 수 있습니다.

"좋은 작업 비버 빌더! 들어 주셔서 감사합니다. 정말 대단한 개선." - 앤 마리 길

이러한 개선으로 인해 포용적인 경험을 제공하면서 더 많은 청중에게 도달하고 SEO 및 유용성을 향상시키고 법적 위험을 줄일 수 있습니다. 이것은 시작일뿐입니다. 접근성은 최우선 과제로 남아 있으며 Beaver Builder 팀은 앞으로 더 많은 진전을 이루기 위해 노력하고 있습니다.

접근 가능한 디자인으로 시작하십시오

더 깊이 다이빙하고 싶습니까? 웹 디자인 프로젝트에서 사용할 수있는 실제 전략에 대한 웹 접근성 설계 팁에 대한 가이드를 확인하십시오.

접근성은 팀 노력이며 커뮤니티 피드백은 로드맵을 형성하는 데 도움이됩니다. 우리는 모든 사용자가 지원 채널을 통해 접근성 문제를보고하여 모든 사람을위한 Beaver Builder를 계속 개선 할 수 있도록 권장합니다.