Cách tạo thiết kế trang web có thể truy cập được

Màn hình máy tính xách tay

Cửa hàng trực tuyến, ứng dụng ngân hàng, đặt phòng khách sạn hoặc công việc tự do, hơn thế nữa các nhiệm vụ được xử lý thông qua internet và điều đó đã thay thế, trong một số trường hợp, các phương tiện thông thường.

điều này sự phát triển nhanh chóng của các hoạt động kỹ thuật số đã giúp chúng tôi dễ dàng hơn trong nhiều khía cạnh đời sống. Nó giúp chúng tôi tiết kiệm thời gian vì giao dịch nhanh hơn và không cần phải đến bất kỳ cơ sở vật chất nào và tất nhiên, phương tiện mới đã được tạo mà không tồn tại trước đây và hiện nay hầu hết mọi người đều sử dụng, chẳng hạn như mạng xã hội, phát trực tuyến phim và loạt phim trên các nền tảng như Netflix hoặc hệ thống thanh toán trực tuyến như Paypal.

Với sự trỗi dậy của thế giới kỹ thuật số, điều cần thiết là đầu tư vào việc phát triển các giao diện có thể truy cập và được thiết kế tốt Đối với người dùng. Tuy nhiên, chúng ta không thể quên rằng có những người dùng bị khuyết tật thể chất hoặc tâm lý làm hạn chế đáng kể kinh nghiệm và khả năng sử dụng máy tính và điện thoại di động của họ.

Mặc dù có một số khuyết tật, chẳng hạn như những người sử dụng xe lăn, không ảnh hưởng đến việc sử dụng Internet, những khuyết tật khác, chẳng hạn như các vấn đề về thị lực hoặc mù, các vấn đề về phối hợp vận động, điếc hoặc tự kỷ, chúng có thể cản trở nghiêm trọng khả năng điều hướng web của bạn. Đối với những trường hợp này, một số đã được tạo thiết bị như trình đọc màn hình, người hỗ trợ và hỗ trợ người dùng ở những nơi họ bị khuyết tật.

Nhưng đây chỉ là phần đầu tiên của việc giải quyết vấn đề. Nghĩ đến những người dùng này, chúng tôi phải thiết kế giao diện trang web điều đó tạo điều kiện cho trải nghiệm của bạn và phù hợp với nhu cầu của bạn. Có một số nguyên tắc khi thiết kế mà chúng ta có thể áp dụng.

Nội dung và nguồn

Bắt đầu với những điều cơ bản nhất, bạn phải thiết lập các ưu tiên trong thiết kế nội dung. Tiêu đề và thanh menu phải được định vị trực quan dễ dàng và phải là thứ đầu tiên người dùng nhìn thấy. Các yếu tố trên trang chủ, hình ảnh và thông tin liên quan sẽ là yếu tố thứ hai để xác định vị trí.

Quảng cáo hoặc biểu ngữ quảng cáo xuất hiện trên nhiều trang. Nếu bản thân điều này gây khó chịu cho tất cả người dùng, thì đối với những người khiếm thị, đó là một vấn đề vì nó gây ra nhiều sự nhầm lẫn và cản trở việc đọc sơ đồ web. Đó là lý do tại sao điều cần thiết là bạn phải tạo thiết kế biên tập chung của trang đó là tổ chức hợp lý và dễ hiểu, và các phần tử được định kích thước phù hợp để ngay cả khi có những phiền nhiễu khác, người dùng vẫn có thể tập trung vào nội dung quan trọng.

Các phông chữ bạn sử dụng tốt nhất là họ phải lớn và dễ đọc. Loại Sans serif và đậm Chúng làm cho việc đọc dễ dàng hơn nhiều đối với những người có thể mắc chứng khó đọc. Các phông chữ được đề xuất khác là: Arial, Times New Roman, Helvetica, Tahoma, Calibri và Verdana.

Và tất nhiên, bạn phải luôn chú ý rằng có sự khác biệt rõ ràng giữa văn bản và nền. Không sử dụng các màu tương tự, chọn thay màu sắc tương phản.

Kiểu chữ in đậm Sans Serif

Sử dụng phông chữ Sans Serif Bold cho phép hình dung văn bản tốt hơn.

Văn bản thay thế

El Văn bản thay thế hoặc Thẻ thay thế, là các mô tả được đặt trên hình ảnh trên các trang web. Mặc dù văn bản này không có sẵn để người dùng đọc, mô tả được viết tốt là một công cụ giúp chúng tôi đạt được vị trí SEO tốt hơn.

Nhưng tính hữu ích của Thẻ thay thế không chỉ dừng lại ở đó. Cho những người người dùng sử dụng trình đọc màn hình cho người khiếm thị, các mô tả của hình ảnh là tài liệu tham khảo duy nhất mà họ có để biết diện mạo là gì của những gì được hiển thị trên trang. Vì vậy, nếu chúng ta định đặt, ví dụ, một bức ảnh của một số loài xương rồng, một văn bản thay thế tốt sẽ là: Ba cây mọng nước trong chậu hồng. Một văn bản rất ngắn như: Cây trồng trong chậu, Nó không phải là một mô tả cung cấp các chi tiết có liên quan và do đó không hoạt động.

Cây mọng nước trong chậu hồng

Ba cây mọng nước trong chậu hồng. Ví dụ về văn bản thay thế.

Khả năng thích ứng

Khi thiết kế, chúng tôi cũng phải tính đến tất cả các bản trình bày trong đó giao diện của chúng tôi sẽ được hiển thị, hoặc trong phiên bản web hoặc di động. Trải nghiệm sẽ luôn khác nhau tùy thuộc vào phương tiện mà chúng ta đang xem.

Khi chúng tôi sử dụng điện thoại di động, chúng ta có thể tiếp xúc với các môi trường khác nhau điều đó làm cho việc đọc trở nên khó khăn Nội dung của màn hình. Ví dụ, nếu chúng ta ở ngoài trời, độ sáng của mặt trời sẽ làm cho màn hình trông rất tối và tiếng ồn sẽ không cho phép chúng ta nghe tốt âm thanh. Đó là lý do tại sao điều quan trọng là phải suy nghĩ cẩn thận về những chi tiết này, vì vậy phiên bản di động có chữ lớn và màu tối, và video nên có phụ đề trong trường hợp khó nghe chúng.

Màn hình di động

Điều chỉnh thiết kế giao diện sao cho có thể đọc được trên cả điện thoại di động và máy tính.

Nhất quán trong thiết kế

Thiết kế biên tập những gì chúng tôi làm với trang web của chúng tôi phải giống nhau bất kể phần nào nơi bạn ở. Các biểu tượng thanh menu giống nhau sẽ xuất hiện trong phần Trang chủ như trong phần Danh bạ. Chúng ta không được thay đổi phong cách cũng như vị trí của các nút quan trọng của web.

Chúng tôi cũng không thuận tiện khi đặt video tự động phát khi mở trang. Đối với người dùng sử dụng trình đọc màn hình, rất khó để biết cách tạm dừng chúng.

Trang web Starbucks

Thanh menu trên trang Starbucks giống nhau ở tất cả các phần.

Điều hướng bàn phím

Cuối cùng, một số người dùng có vấn đề về phối hợp vận động gặp khó khăn khi cầm chuột máy tính hoặc sử dụng bàn di chuột của máy tính xách tay và chỉ dựa vào bàn phím. Chắc chắn rằng rằng trang web của bạn được thiết kế theo cách điều đó có thể hoàn toàn chỉ hoạt động với các nút bàn phím.


Để lại bình luận của bạn

địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu bằng *

*

*

  1. Chịu trách nhiệm về dữ liệu: Miguel Ángel Gatón
  2. Mục đích của dữ liệu: Kiểm soát SPAM, quản lý bình luận.
  3. Hợp pháp: Sự đồng ý của bạn
  4. Truyền thông dữ liệu: Dữ liệu sẽ không được thông báo cho các bên thứ ba trừ khi có nghĩa vụ pháp lý.
  5. Lưu trữ dữ liệu: Cơ sở dữ liệu do Occentus Networks (EU) lưu trữ
  6. Quyền: Bất cứ lúc nào bạn có thể giới hạn, khôi phục và xóa thông tin của mình.