10 สุดยอดเวิร์ดเพรสธีมสำหรับการเข้าถึงที่ดีที่สุด

การสร้างเว็บไซต์ที่เข้าถึงได้ซึ่งไม่ได้ยกเว้นคนที่มีความพิการประเภทต่างๆกลายเป็นข้อกำหนดในการออกแบบเว็บในช่วงไม่กี่ปีที่ผ่านมา วันนี้เป็นเรื่องยากที่จะได้รับสัญญาของรัฐบาลโดยไม่ดูแลเรื่องการรวมระบบดิจิทัลและ บริษัท ที่มีชื่อเสียงหลายแห่งเช่น Microsoft, Apple และ Google ถือว่าการเข้าถึงเป็นสำคัญ.

WordPress เป็นระบบการจัดการเนื้อหาชั้นนำและแพลตฟอร์มบล็อกอยู่ในแนวหน้าของการพัฒนาการเข้าถึงเช่นกัน ทีมงาน WordPress A11y (การช่วยสำหรับการเข้าถึง) กำลังยุ่งอยู่กับการทำให้แพลตฟอร์มพร้อมใช้งานสำหรับคนจำนวนมากที่สุดเท่าที่จะเป็นไปได้และพวกเขายังได้เผยแพร่คู่มือที่ยอดเยี่ยมเกี่ยวกับการช่วยสำหรับการเข้าถึง WordPress สำหรับนักพัฒนา.

รีวิวการเข้าถึง

รีวิวการช่วยสำหรับการเข้าถึงเป็นขั้นตอนที่เป็นทางเลือกในกระบวนการตรวจสอบธีมของ WordPress หากชุดรูปแบบที่ส่งใช้ อุปกรณ์อำนวยความสะดวกพร้อม แท็กทีมตรวจสอบจะตรวจสอบกับแนวทางการเข้าถึงเพื่อให้แน่ใจว่าธีมที่ส่งเสริมตัวเองว่าพร้อมสำหรับการเข้าถึงนั้นเป็นเช่นนั้นจริงๆ.

ในโพสต์นี้เราจะมาดู 10 สุดยอดธีม WordPress สำหรับการเข้าถึงเพื่อช่วยคุณสร้างเว็บไซต์ WordPress ที่รวมอยู่ในระบบดิจิตอล.

ธีม WP ที่เข้าถึงได้ง่ายที่สุด

ในคอลเล็กชั่นนี้เราไม่เพียง แต่ใส่ใจว่าธีมมีแท็กการเข้าถึงพร้อมใช้งานในที่เก็บ WordPress หรือไม่เรายังคำนึงถึง ไม่ว่าจะเป็นไปตามหลักการสำคัญของการออกแบบการเข้าถึง.

เราละเว้นธีม (ที่ยอดเยี่ยมมาก) บางอย่างที่ใช้อัตราส่วนคอนทราสต์สีต่ำเกินไปเมนูแฮมเบอร์เกอร์ในขนาดเดสก์ท็อปหรือการออกแบบการมองเห็นอื่น ๆ ที่อาจส่งผลกระทบต่อการเข้าถึงสำหรับผู้พิการบางกลุ่ม.

1. ไม่ จำกัด

Unlimited เป็นธีม WordPress วัตถุประสงค์ทั่วไปที่ออกแบบอย่างระมัดระวังพร้อมแถบด้านข้างขวา โหลดได้อย่างรวดเร็วและใช้อัตราส่วนคอนทราสต์ของสีสูง (สีขาว & สีเทาอ่อนเมื่อเทียบกับสีเทาเข้ม) ที่ตรงกับความต้องการของผู้ใช้ที่บกพร่องทางสายตา.

วิดเจ็ตแถบด้านข้างมีความฉลาด เน้นโดยเส้นขอบสีเทาเข้ม. องค์ประกอบการออกแบบภาพที่ละเอียดอ่อนช่วยให้ผู้ใช้เข้าใจเนื้อหาได้อย่างรวดเร็ว เพียงดูข้อมูลเมตาที่เน้นอย่างชาญฉลาด (วันที่ผู้เขียนจำนวนความคิดเห็น) ที่ด้านล่างของภาพเด่นในแต่ละโพสต์.

บนเว็บไซต์ตัวอย่างคุณสามารถดูว่า Unlimited มีลักษณะอย่างไรเมื่อทำการตั้งค่าอย่างสมบูรณ์.

2. Simone

Simone มีรูปแบบที่ค่อนข้างตรงไปตรงมา ภาพใหญ่ และตัวอักษรที่ปรับขนาดได้ที่หน้าจอสามารถอ่านได้ง่ายบนทุกขนาดหน้าจอ ชุดรูปแบบช่วยให้ผู้ใช้ปิดการใช้งานร่างกาย เข้าถึงการนำทางผ่านแป้นพิมพ์.

คุณสามารถปรับแต่งคุณสมบัติต่างๆของ Simone ได้เช่นตำแหน่งแถบด้านข้าง (ซ้ายหรือขวา), ส่วนหัว, พื้นหลัง, สีลิงก์และอื่น ๆ อีกมากมาย ก็ยัง แปลพร้อม, และได้รับการแปลเป็นหลายภาษาแล้ว

อ่านเพิ่มเติมเกี่ยวกับ Simone บนเว็บไซต์ตัวอย่าง.

3. เซนที่เข้าถึงได้

Accessible Zen เป็นชุดรูปแบบหนึ่งคอลัมน์ที่เรียบง่าย ลดจำนวนการรบกวน มากที่สุดเท่าที่เป็นไปได้และวางเนื้อหาไว้ในโฟกัส ผู้เขียนแบ่งปันจานสีที่เขาใช้ในบล็อกของเขา เป็นไปตามระดับ AA ของแนวทางการเข้าถึงเนื้อหาเว็บ (WCAG 2.0).

สิ่งที่เป็นเอกลักษณ์เกี่ยวกับชุดรูปแบบนี้ที่มี ไม่มีเมนูหลักในส่วนหัว, เพื่อให้ผู้เข้าชมสามารถเข้าถึงเนื้อหาได้ในครั้งเดียว - ซึ่งเป็นโซลูชันที่เหมาะสำหรับผู้ใช้โปรแกรมอ่านหน้าจอ ไฮเปอร์ลิงก์นั้นขีดเส้นใต้ด้วยความฉลาด เส้นประ และ เลี้ยวที่มั่นคงเมื่อโฉบ, ซึ่งเป็นโซลูชันการเข้าถึงที่ดีเยี่ยม

หากคุณมีความสนใจใน เน้นเนื้อหาเนื้อหาเรียบง่าย ชุดรูปแบบบล็อกตรวจสอบสดเซนเข้าถึงได้.

4. สต็อก

ธีม WordPress ของสต็อกมีความสวยงาม ส่วนหัวสีดำและสีขาว ที่มีเมนูหลักเป็นศูนย์กลาง การจับคู่สีดำและสีขาวเป็นตัวเลือกที่ยอดเยี่ยมสำหรับเว็บไซต์ที่พร้อมสำหรับการเข้าถึงเนื่องจากสองสีนี้มีอัตราส่วนความคมชัดของสีสูงสุดคือ 21: 1.

การออกแบบค่อนข้าง minimalistic, และรูปแบบคือ แปลพร้อม และข้อเสนอ รองรับภาษา RTL (จากขวาไปซ้าย), ดังนั้นจึงเป็นสิ่งที่ดีที่จะเป็นธีมหลักของธีมลูกที่เข้าถึงได้.

คุณสามารถตรวจสอบขั้นตอนปัจจุบันของการพัฒนาได้ที่หน้า Github ของหุ้น.

5. เอเพ็กซ์

Apex ดึงดูดผู้เข้าชมด้วย เนื้อหาที่มีโครงสร้างเชิงตรรกะ และ ภาพเด่นขนาดใหญ่ ที่ทำให้เว็บไซต์ดูน่าประทับใจและเป็นมืออาชีพ การนำทางด้านบนประกอบด้วย เมนูหลักทางด้านซ้ายมือ, และ เมนูโซเชียลมีเดียทางด้านขวา, ซึ่งทำให้ง่ายและตรงไปตรงมาในการนำทางผ่านเว็บไซต์สำหรับทั้งคนพิการและอุปกรณ์ช่วยเหลือ.

ข้อความที่ตัดตอนมาในหน้าแรกตามด้วย ใช้งานง่ายปุ่ม "อ่านต่อ" นั้นคือ เน้นอย่างสวยงาม และดึงดูดผู้อ่านให้ดำเนินต่อไป คุณสามารถดูว่า Apex มีลักษณะอย่างไรในเว็บไซต์ตัวอย่าง.

6. กรอบเล็ก ๆ

ผู้สร้าง Tiny Framework ใช้เวลาไม่น้อยกว่า 9 เดือนในการสร้างธีม WordPress ที่พร้อมใช้งานและเข้าถึงได้ง่าย Tiny Framework นั้นยืดหยุ่นพอที่จะใช้เป็นธีมหลักได้หากคุณต้องการพัฒนาธีมลูกที่เชื่อถือได้อย่างรวดเร็วซึ่งใส่ใจกับความต้องการของคนพิการ.

ชุดรูปแบบ Tiny Framework ใช้ จานสีความคมชัดสูง ด้วยสีดำสีส้มและสีเขียว. blockquotes, หัวเรื่อง และ ลิงก์ทั้งหมดมีสีที่ต่างกัน, ซึ่งจะเพิ่มความชัดเจนของเนื้อหาในวิธีที่สำคัญ. ปุ่มยังสังเกตเห็นได้ง่าย, และชุดรูปแบบโดยทั่วไปมีรูปลักษณ์ที่ค่อนข้างกระฉับกระเฉงและสดใส แต่ ไม่ได้อยู่ในลักษณะที่เสือก.

7. Kuorinka

Kuorinka โหลดเร็วมาก และไม่เพียงให้การสนับสนุนการเข้าถึง แต่ยังรวมถึง schema.org microdata. มันใช้ breadcrumbs เพื่อรองรับการนำทางหลักซึ่งเป็นความคิดที่ดีในการออกแบบการเข้าถึง Kuorinka อนุญาตให้ผู้ใช้ เพิ่มข้อมูลสั้น ๆ ที่ด้านบนของหน้า ที่สามารถช่วยให้ผู้เข้าชมเข้าใจถึงข้อความที่สำคัญที่สุดที่เจ้าของเว็บไซต์ต้องการสื่อ.

ส่วนหัวของแถบด้านข้างและส่วนท้ายของวิดเจ็ตคือ เน้นด้วยพื้นหลังสีฟ้าอ่อน ที่ช่วยแบ่งส่วนภาพของเนื้อหาอย่างมาก บนเว็บไซต์ตัวอย่างคุณสามารถดูคุณสมบัติที่ยอดเยี่ยมอื่น ๆ เช่น แถบเลื่อนที่ผู้ใช้ควบคุม, 3 เค้าโครงที่แตกต่าง (หนึ่งคอลัมน์แถบด้านข้างซ้ายแถบด้านข้างขวา) และอื่น ๆ อีกมากมาย.

8. แอรอน

แอรอนเป็นตัวเลือกที่ยอดเยี่ยมสำหรับเว็บไซต์ของ บริษัท ที่พร้อมสำหรับการเข้าถึง มันมี ปุ่มเรียกร้องให้ดำเนินการขนาดใหญ่ ในหน้าแรกที่ดึงดูดสายตาของผู้เยี่ยมชมพร้อมกัน ชุดรูปแบบมี อัตราส่วนความต่างของสีสูง, แต่คุณต้องใส่ใจ เลือกภาพพื้นหลังอย่างระมัดระวัง บนโฮมเพจเพื่อให้สามารถอ่านไฮไลท์และปุ่มต่างๆได้.

แอรอนมี เมนูที่เป็นมิตรกับคีย์บอร์ด ด้านบนของไซต์ที่สนับสนุนโดย ช่องค้นหาที่มีประโยชน์ ทางด้านขวามือ ชุดรูปแบบสามารถใช้สำหรับไซต์อีคอมเมิร์ซได้เช่นกันเนื่องจากทำงานได้ดีกับ ปลั๊กอิน WooCommerce.

9. หน้าร้าน

หน้าร้านเป็นการนำเสนอธีมอีคอมเมิร์ซที่ยืดหยุ่น การรวม WooCommerce และความสามารถในการปรับแต่งสูง. ข้อมูลที่สำคัญที่สุดผลิตภัณฑ์ที่ซื้อในตะกร้าและราคาของพวกเขาคือ ถัดจากเมนูหลัก ด้านบนของเว็บไซต์ซึ่งทำให้รูปแบบที่ใช้งานง่ายอย่างไม่น่าเชื่อ.

บนเว็บไซต์ตัวอย่างคุณสามารถดูภาพส่วนหัวเสริมที่มี ปุ่มเรียกร้องให้ดำเนินการที่มองเห็นได้ชัดเจน. ผลิตภัณฑ์ที่มี หลากหลายเป็นหมวดหมู่ ที่ช่วยให้ผู้เข้าชมที่ถูกปิดใช้งานโดยใช้โปรแกรมอ่านหน้าจอและเทคโนโลยีช่วยเหลืออื่น ๆ เข้าใจได้อย่างรวดเร็วว่ามีอะไรลดราคาในไซต์.

หน้าร้านมีธีมลูกที่สง่างามที่เรียกว่าบูติกสำหรับผลิตภัณฑ์ที่มีชื่อเสียงมากกว่าและมีการสนับสนุนการเข้าถึง.

10. ผู้แต่ง

ผู้แต่งเป็นธีม WordPress ที่ออกแบบมาอย่างสวยงามรวดเร็วและเข้าถึงได้ง่ายพร้อมแถบด้านข้างซ้าย แถบด้านข้างใช้พื้นหลังสีเข้มพร้อมตัวอักษรสีขาวซึ่งทำให้มั่นใจได้ว่าอัตราส่วนความคมชัดของสีสูง ไฮเปอร์ลิงก์จะขีดเส้นใต้ ดังนั้นจึงง่ายต่อการจดจำ.

ส่วนหัวใช้แบบอักษร serif ที่อำนวยความสะดวกในการอ่าน ในเทมเพลตโพสต์เดียว ก่อน และ ต่อไป โพสต์คือ เน้นด้วยพื้นหลังสีเทาอ่อน ที่ส่งเสริมให้ผู้ใช้อ่านโพสต์เพิ่มเติมในเว็บไซต์.