Vẻ đẹp của thị trÆ°á»ng kỹ thuáºt số nằm ở tiá»m năng không bị giá»›i hạn bởi các ranh giá»›i váºt lý. Không phải việc truy cáºp nó sẽ thuáºn buồm xuôi gió mà không gặp bất kỳ trở ngại nà o sao?
Tại ºÚÁÏÃÅ, chúng tôi nháºn thấy tầm quan trá»ng của khả năng tiếp cáºn — đó là lý do tại sao ná»n tảng thÆ°Æ¡ng mại Ä‘iện tá» của chúng tôi tuân theo các tiêu chuẩn được ban hà nh theo Äạo luáºt NgÆ°á»i khuyết táºt Hoa Kỳ hay ADA.
Nó không chỉ là việc đánh dấu và o ô để đảm bảo tÃnh toà n diện — nó đã gây ấn tượng mạnh vá»›i các chủ cá»a hà ng trá»±c tuyến.
Äặc biệt, má»™t mẫu thiết kế dà nh cho các cá»a hà ng ºÚÁÏÊđã tá» ra thà nh công nhá» thiết kế dá»… tiếp cáºn. Bây giá», đó lÃ
Khả năng truy cáºp web có ý nghÄ©a gì đối vá»›i các cá»a hà ng trá»±c tuyến và tại sao nó quan trá»ng
Khả năng truy cáºp không phải là má»™t tÃnh năng; đó là má»™t Ä‘iá»u cần thiết. Nó thừa nháºn nhiá»u khả năng và đảm bảo rằng khuyết táºt không ngăn cản bất kỳ ai sá» dụng ná»n tảng kỹ thuáºt số.
Các yêu cầu vá» khả năng tiếp cáºn phổ biến liên quan đến khả năng thị giác, thÃnh giác, váºn Ä‘á»™ng và nháºn thức. Äiá»u nà y bao gồm việc đảm bảo khả năng tÆ°Æ¡ng thÃch vá»›i các công nghệ há»— trợ nhÆ° trình Ä‘á»c mà n hình cho ngÆ°á»i khiếm thị hoặc Ä‘iá»u hÆ°á»›ng bằng bà n phÃm thay thế cho ngÆ°á»i khuyết táºt váºn Ä‘á»™ng.
Có má»™t quan niệm sai lầm phổ biến rằng khả năng tiếp cáºn chỉ dà nh cho những ngÆ°á»i khuyết táºt vÄ©nh viá»…n. Nó cÅ©ng phục vụ cho những tình trạng suy yếu tạm thá»i, chẳng hạn nhÆ° bị gãy tay hoặc Ä‘ang hồi phục sau phẫu thuáºt mắt.
Má»™t trang web có thể truy cáºp mang lại lợi Ãch cho tất cả các loại ngÆ°á»i dùng. Và dụ, cha mẹ bế con cÅ©ng sẽ được hưởng lợi từ
Má»™t cá»a hà ng trá»±c tuyến có thể truy cáºp có nghÄ©a là tiếp cáºn được nhiá»u đối tượng và khách hà ng tiá»m năng hÆ¡n. Nó cÅ©ng thúc đẩy tÃnh toà n diện và tạo ra má»™t môi trÆ°á»ng thân thiện hÆ¡n cho tất cả khách truy cáºp trang web.
Nguyên tắc chung để đảm bảo khả năng tiếp cáºn
Sản phẩm Americans with Disabilities Act (ADA) là một
Sản phẩm Nguyên tắc truy cáºp ná»™i dung web (WCAG) là má»™t framework được sá» dụng rá»™ng rãi để tạo ná»™i dung web có thể truy cáºp được. Nó bao gồm bốn nguyên tắc: có thể nháºn biết được, có thể hoạt Ä‘á»™ng được, có thể hiểu được và mạnh mẽ. Những nguyên tắc nà y bao gồm nhiá»u nhu cầu vá» khả năng tiếp cáºn và cung cấp các hÆ°á»›ng dẫn cụ thể để nhà phát triển tuân theo.
Trao quyá»n thông qua khả năng tiếp cáºn
Và o năm 2020, nhóm Lightspeed đã tình nguyện tạo ra má»™t cá»a hà ng trá»±c tuyến song ngữ, dá»… tiếp cáºn cho ở Montreal, má»™t tổ chức giúp những há»c sinh có hệ thần kinh khác biệt phát huy được tiá»m năng của mình.
Sau đó, khi Lightspeed thêm ºÚÁÏÃÅ và o dòng sản phẩm của há», chúng tôi đã hợp tác và cải tiến trang web của Summit School, xây dá»±ng má»™t vá»›i ºÚÁÏÃÅ. Summit Marketplace trÆ°ng bà y các tác phẩm của các nghệ nhân, nghệ sÄ© và doanh nhân Ä‘ang phát triển Ä‘a dạng từ Summit School.
Summit Marketplace được xây dá»±ng bằng ºÚÁÏÃÅ
NhÆ° bạn có thể đã biết, ºÚÁÏÃÅ cung cấp cho tất cả ngÆ°á»i dùng má»™t Trang web tức thì, má»™t trang web thÆ°Æ¡ng mại Ä‘iện tá» miá»…n phà vá»›i má»™t
Việc tạo má»™t trang web có thể truy cáºp cho Summit School đã truyá»n cảm hứng cho chúng tôi tạo má»™t mẫu Trang web tức thì má»›i.
NhÆ° đã Ä‘á» cáºp ở trên, ºÚÁÏÊđã
Äây là má»™t Ä‘iá»u vá» các trang web có thể truy cáºp: việc kết hợp các tÃnh năng trợ năng đôi khi Ä‘i kèm vá»›i việc hy sinh tÃnh thẩm mỹ của trang web. Và dụ: việc cân bằng mà u sắc, Ä‘á»™ tÆ°Æ¡ng phản và kÃch thÆ°á»›c phông chữ có thể là má»™t thách thức.
Ngoà i ra, các bà i kiểm tra WCAG đôi khi có thể hiển thị các kết quả khác nhau, nhÆ° trong và dụ bên dÆ°á»›i. Má»™t nút có văn bản mà u Ä‘en được coi là đã vượt qua bà i kiểm tra, tuy nhiên trên thá»±c tế, nó khó Ä‘á»c hÆ¡n nút tÆ°Æ¡ng tá»± có văn bản mà u trắng.
Các xét nghiệm WCAG đôi khi có thể mang lại kết quả không chÃnh xác
Chỉ là m theo hÆ°á»›ng dẫn là không đủ. Mục Ä‘Ãch của chúng tôi là phát triển má»™t mẫu không chỉ dá»… truy cáºp mà còn hấp dẫn vá» mặt hình ảnh, đảm bảo Ä‘iá»u hÆ°á»›ng dá»… dà ng mà không ảnh hưởng đến tÃnh thẩm mỹ của trang web. Chúng tôi ủng há»™ ý tưởng rằng khả năng tiếp cáºn cÅ©ng phải thể hiện vẻ đẹp.
Äồng thá»i, chúng tôi tin rằng không nên hy sinh khả năng tiếp cáºn vì tÃnh thẩm mỹ. Mẫu của chúng tôi chứng minh rằng có thể có cả má»™t trang web có thể truy cáºp và hấp dẫn vá» mặt hình ảnh.
Má»i thứ trên trang web, từ kÃch thÆ°á»›c văn bản cho đến cách di chuyển dá»… dà ng, Ä‘á»u phù hợp vá»›i tất cả má»i ngÆ°á»i. GiỠđây, đây là má»™t trong những mẫu cá»a hà ng trá»±c tuyến phổ biến nhất của chúng tôi trong số tất cả các mẫu dà nh cho Trang web tức thì!
Một trong những mẫu Trang web tức thì phổ biến nhất của chúng tôi
Nhân tiện, ná»n tảng thÆ°Æ¡ng mại Ä‘iện tá» ºÚÁÏÃÅ không chỉ có thể truy cáºp được đối vá»›i khách hà ng mà còn cả ngÆ°á»i bán. Quản trị viên ºÚÁÏÃÅ, nÆ¡i bạn quản lý cá»a hà ng trá»±c tuyến của mình, cÅ©ng được thiết kế chú trá»ng đến khả năng truy cáºp. Äiá»u nà y giúp các chủ doanh nghiệp khuyết táºt dá»… dà ng Ä‘iá»u hà nh các cá»a hà ng trá»±c tuyến của há» má»™t cách hiệu quả hÆ¡n.
Äây là những gì má»™t ngÆ°á»i bán ºÚÁÏÃÅ bị khiếm thị chia sẻ vá» việc Ä‘iá»u hà nh cá»a hà ng ºÚÁÏÃÅ của há»:
“Tôi xin cảm Æ¡n bạn rất nhiá»u vì má»™t cá»a hà ng tuyệt vá»i, thuáºn tiện quản lý cho ngÆ°á»i bán khiếm thị! Và không chỉ trang web mà cả ứng dụng cÅ©ng có sẵn cho bạn, Ä‘iá»u nà y không phải lúc nà o cÅ©ng nhÆ° váºy!â€
Cách ºÚÁÏÊđảm bảo mẫu trang web tức thì có thể truy cáºp được
Khả năng truy cáºp không chỉ là việc tuân thủ các tiêu chuẩn — mà còn là việc ngÆ°á»i thá»±c không gặp phải rà o cản nà o khi tÆ°Æ¡ng tác vá»›i ná»™i dung trá»±c tuyến. Là m thế nà o mà ºÚÁÏÊđạt được Ä‘iá»u nà y?
- Mẫu có Ä‘á»™ tÆ°Æ¡ng phản cao: Äá»™ rõ nét của hình ảnh là ưu tiên hà ng đầu, cho phép ngÆ°á»i dùng khiếm thị có thể nhanh chóng phân biệt văn bản và các yếu tố khác.
- Trá»ng tâm mặt tiá»n cá»a hà ng nổi báºt: Bố cục được cấu trúc để là m nổi báºt các sản phẩm và mặt tiá»n cá»a hà ng mà không gây phiá»n nhiá»…u không cần thiết hoặc cần phải cuá»™n thêm.
- Yếu tố mở rá»™ng: Hình ảnh và phông chữ lá»›n được sá» dụng không chỉ vì tÃnh thẩm mỹ mà còn để phù hợp vá»›i ngÆ°á»i dùng khiếm thị.
Äiá»u quan trá»ng cần lÆ°u ý là tất cả các mẫu Trang web tức thì Ä‘á»u có thể truy cáºp được. Mẫu được Ä‘á» cáºp được thiết kế lấy khả năng truy cáºp là m trá»ng tâm chÃnh đồng thá»i là m cho mẫu có kiểu dáng đẹp và đẹp mắt. Äiá»u thứ hai có thể khó thá»±c hiện khi đảm bảo khả năng truy cáºp của trang web, vì có thể dá»… dà ng bá» qua các yếu tố thiết kế có lợi cho chức năng. Tuy nhiên, vá»›i các mẫu của chúng tôi, chúng tôi có thể đạt được cả hai Ä‘iá»u đó.
Cách là m cho cá»a hà ng trá»±c tuyến của bạn có thể truy cáºp được
Việc triển khai má»™t cá»a hà ng trá»±c tuyến có thể truy cáºp có vẻ khó khăn nhÆ°ng thá»±c tế không phải váºy. Nó bắt đầu bằng việc chá»n má»™t mẫu trang web có thể truy cáºp, giống nhÆ° bất kỳ mẫu Trang web tức thì nà o của ºÚÁÏÃÅ.
DÆ°á»›i đây là má»™t số mẹo bổ sung để giúp cá»a hà ng trá»±c tuyến của bạn dá»… tiếp cáºn hÆ¡n:
- Cung cấp văn bản thay thế mô tả cho hình ảnh: Äối vá»›i ngÆ°á»i dùng khiếm thị, văn bản thay thế sẽ mô tả hình ảnh.
- Bao gồm Ä‘iá»u hÆ°á»›ng bà n phÃm và phÃm tắt: Äiá»u nà y cho phép những ngÆ°á»i không thể sá» dụng chuá»™t có thể Ä‘iá»u hÆ°á»›ng trang web của bạn bằng bà n phÃm.
- Chá»n mà u sắc cẩn tháºn: Tránh chỉ sá» dụng mà u sắc để truyá»n tải thông tin vì má»™t số cá nhân có thể gặp khó khăn trong việc phân biệt giữa các mà u cụ thể.
- Thông báo chế Ä‘á»™ có thể truy cáºp: Thông báo cho khách hà ng rằng cá»a hà ng của bạn há»— trợ chế Ä‘á»™ có thể truy cáºp.
Bằng cách chá»n ºÚÁÏÃÅ's
Khi tạo má»™t trang web từ đầu, Ä‘iá»u quan trá»ng là phải xem xét khả năng truy cáºp cho tất cả ngÆ°á»i dùng. Äiá»u nà y có nghÄ©a là bắt đầu vá»›i Ä‘Æ°á»ng cÆ¡ sở có thể truy cáºp bằng cách sá» dụng các mẫu hoặc hÆ°á»›ng dẫn nhÆ° WCAG, ADA hoặc các tiêu chuẩn tÆ°Æ¡ng Ä‘Æ°Æ¡ng.
NhÆ°ng ngoà i những nguyên tắc nà y, Ä‘iá»u quan trá»ng là phải hiểu nhu cầu cụ thể của cÆ¡ sở khách hà ng của bạn.
Và dụ: nếu sản phẩm của bạn phục vụ cho những ngÆ°á»i bị mù mà u thì bạn nên táºp trung và o việc cung cấp Ä‘á»™ tÆ°Æ¡ng phản mạnh giữa mà u nút và văn bản để Ä‘iá»u hÆ°á»›ng và mua hà ng dá»… dà ng hÆ¡n.
Những hình ảnh dÆ°á»›i đây chứng minh lý do tại sao các cá»a hà ng trá»±c tuyến phục vụ những ngÆ°á»i mua sắm nhÆ° váºy cần Ä‘á»™ tÆ°Æ¡ng phản mạnh giữa mà u sắc nút và văn bản để giúp há» phân biệt các lá»±a chá»n và mua hà ng.
Äây là cách phần lá»›n má»i ngÆ°á»i nhìn thấy mà u sắc
Äây là cách những ngÆ°á»i mắc bệnh Protanopia (má»™t dạng mù mà u) nhìn thấy mà u sắc
TÆ°Æ¡ng tá»±, nếu đối tượng mục tiêu của bạn bao gồm những ngÆ°á»i bị suy giảm khả năng váºn Ä‘á»™ng, việc đảm bảo Ä‘iá»u hÆ°á»›ng dá»… dà ng thông qua lệnh thoại có thể cải thiện đáng kể trải nghiệm duyệt web của há».
Kiểm tra trang web của bạn thÆ°á»ng xuyên bằng các công cụ nhÆ° Google Lighthouse để xem mức Ä‘á»™ truy cáºp và o cá»a hà ng của bạn. Liên tục đánh giá và cải thiện má»i thứ là rất quan trá»ng để tạo ra má»™t không gian trá»±c tuyến thân thiện cho má»i ngÆ°á»i.
Tổng kết
Ná»n tảng thÆ°Æ¡ng mại Ä‘iện tá» có thể truy cáºp của ºÚÁÏÃÅ không chỉ là má»™t chiến thắng cho má»™t sản phẩm; tất cả Ä‘á»u nhằm mục Ä‘Ãch là m cho thÆ°Æ¡ng mại Ä‘iện tá» trở nên dá»… dà ng đối vá»›i má»i ngÆ°á»i. ºÚÁÏÃÅ giúp chủ cá»a hà ng trá»±c tuyến táºn dụng tối Ä‘a công việc kinh doanh của há». Quan trá»ng hÆ¡n, nó đảm bảo má»i khách hà ng Ä‘á»u có thể có trải nghiệm mua sắm suôn sẻ, bất kể khả năng của há».
Hãy nhá»› rằng, thiết kế dá»… tiếp cáºn không chỉ có nghÄ©a là tuân thủ — mà còn là việc tạo ra má»™t không gian trá»±c tuyến thân thiện và hòa nháºp cho tất cả má»i ngÆ°á»i. Vì váºy, đừng ngần ngại chủ Ä‘á»™ng và là m cho trang web của bạn dá»… tiếp cáºn hÆ¡n! Hãy cùng hÆ°á»›ng tá»›i má»™t thế giá»›i kỹ thuáºt số thá»±c sá»± cởi mở và hòa nháºp cho tất cả má»i ngÆ°á»i.
- Và dụ vá» trang web tức thì ºÚÁÏÊđầy cảm hứng
- Trang web tức thì của ºÚÁÏÃÅ vá»›i các chủ Ä‘á» có sẵn và hÆ¡n 99 tùy chá»n thiết kế
- Cà i đặt thiết kế ºÚÁÏÃÅ má»›i: Hà ng tá tùy chá»n tùy chỉnh, không cần mã hóa
- Cách chá»n mẫu thÆ°Æ¡ng mại Ä‘iện tá» cho trang web của bạn
- HÆ°á»›ng dẫn toà n diện để tùy chỉnh thiết kế cá»a hà ng ºÚÁÏÃÅ của bạn
- Thiết kế trang web thương mại điện tỠmiễn phà của bạn từ đầu
- Là m thế nà o Mẫu cá»a hà ng trá»±c tuyến có thể truy cáºp của ºÚÁÏÃÅ trở thà nh má»™t Ä‘iểm nhấn
