Xin chào, và chào mừng trở lại khi chúng tôi quay trở lại và chúng tôi nói về thiết kế cho
khả năng tiếp cận một lần nữa.
Vì vậy, như tôi đã nói với bạn ngày càng nhiều loại
những điều thú vị, gọn gàng, đôi khi tôi cảm thấy cần phải kiềm chế bạn trở lại và
nhắc nhở bạn về những điều cơ bản về thời điểm bạn đang thiết kế trang của mình.
Và một phần của điều cơ bản đó là tôi muốn nhắc nhở bạn rằng nội dung của
trang của bạn phải có trong HTML của bạn.
Điều tôi muốn nói là nó có thể thật sự hấp dẫn khi thêm nội dung thông qua màu sắc,
hình ảnh, v.v., những thứ mà mọi người có thể không cảm nhận được, nhưng
bạn không nhất thiết phải suy nghĩ về nó khi, với
tư cách là một người dùng trực quan, bạn đang mang nó vào.
Vì vậy, những gì tôi muốn bạn làm khi bạn đang thiết kế các trang của bạn và thử nghiệm và
thiết kế lại và thử nghiệm và thiết kế lại là nhớ những gì chúng tôi gọi là hướng dẫn PUL.
Chúng tôi muốn các trang của bạn có thể cảm nhận được, có thể hoạt động, dễ hiểu và mạnh mẽ.
Và
loại dễ nhận thấy và dễ hiểu thực sự phù hợp với những gì bạn đang làm với CSS của bạn.
Vì vậy,
để mọi thứ có thể nhận ra, tôi chỉ muốn các bạn nhớ một vài điều.
Trước tiên, luôn nhớ cung cấp các lựa chọn thay thế văn bản cho hình ảnh của bạn.
Hình ảnh của bạn không nên truyền tải thông tin hoàn toàn một mình.
Đảm bảo rằng bạn đang cung cấp phụ đề và bảng điểm cho video và âm thanh.
Bây giờ, không phải ai cũng có quyền truy cập vào các công cụ để cung cấp cho
bạn miễn phí, nhưng nơi bạn làm việc hoặc nơi bạn đi học có thể giúp bạn.
Đảm bảo rằng bạn đang sử dụng đánh dấu ngữ nghĩa chính xác
đó để nội dung có thể được trình bày theo nhiều cách khác nhau.
Tôi muốn anh dùng cái thẻ nav đó.
Tôi muốn bạn sử dụng thẻ hình thay vì thẻ hình ảnh.
Những gì có xu hướng xảy ra là mọi người có mã họ đã viết và
họ muốn được một chút lười biếng và không phải thay đổi HTML của họ,
bởi vì khi họ làm, họ phải thay đổi CSS của họ.
Hãy tiếp tục và thực hiện sự thay đổi đó.
Nó sẽ thực sự đáng giá.
Làm cho
người dùng dễ dàng kết nối, để xem nội dung của họ, bằng cách sử dụng độ tương phản màu sắc thực sự tốt.
Bạn sẽ rất ngạc nhiên khi nhận ra có bao nhiêu người không thể truy cập
thông tin trên web bởi vì họ thực sự không thể nhìn thấy những gì bạn đã đưa lên đó.
Tiếp theo, chúng ta hãy nói về ý nghĩa của nó cho trang của bạn có thể hoạt động.
Những gì tôi có nghĩa là bởi đó là tất cả các chức năng mà đi vào trang của bạn
nên có sẵn từ bàn phím.
Đừng mong rằng tất cả mọi người sẽ sử dụng chuột để đi qua trang của bạn.
Đừng mong đợi rằng một số điều, nó không sao cho
một số điều chỉ có thể truy cập nếu bạn di chuột qua chúng.
Người dùng nên có quyền kiểm soát tất cả thời gian và giới hạn.
Vì vậy, nếu bạn có những video trên phương tiện truyền thông, hãy chắc chắn rằng bạn đang đặt nó vào đó có
một bảng điều khiển để họ tắt mọi thứ, tắt chúng, tua lại, vv
Đây là điều thực sự quan trọng với tôi,
bởi vì tôi có những thành viên trong gia đình đối phó với điều này, là bạn muốn đảm bảo
rằng bạn không có một số loại nội dung nào đó mà luôn luôn nhấp nháy.
Tôi không nói về Flash phần mềm.
Tôi đang nói về những thứ sẽ nhấp nháy trên màn hình và
người dùng không có điều khiển để tắt nó đi.
Điều này thực sự có thể gây ra cơn co giật.
Bạn muốn cung cấp các cách để giúp người dùng điều hướng qua trang của bạn.
Đừng làm cho nó trở thành một câu đố mà họ phải tìm ra cách để có được nơi họ
muốn đến.
Công việc của bạn là làm cho nó dễ dàng nhất có thể cho họ để tìm nội dung và
tìm ra vị trí của họ trên trang của bạn.
Đây chỉ là một vài ví dụ nhanh về những cách khác nhau
mà đôi khi mọi người truy cập vào web, cho dù đó là với một cây bút,
một bàn phím, một điều khiển từ xa, một loại bàn phím truy cập, hoặc
thậm chí một số loại thiết bị phun mà họ có thể sử dụng để điều hướng qua web.
Tiếp theo, chúng ta hãy nói về những gì tôi muốn nói khi một trang là dễ hiểu.
Thông thường, bạn muốn giữ cho ngôn ngữ của mình ngắn gọn và ngọt ngào trên trang của bạn.
Trừ khi bạn là một tác giả và bạn đang khoe tác phẩm của mình,
mọi người sẽ chỉ dành vài giây trên trang của bạn.
Làm cho nó dễ dàng cho họ để hiểu những gì bạn đang cố gắng nói.
Khi bạn có văn bản được bổ sung bằng hình minh họa, video
và các định dạng khác khi thích hợp, bạn muốn đảm bảo rằng bạn đang sử dụng
thiết kế phổ quát tốt, rằng mọi người có thể truy cập nó.
Điều hướng, cấu trúc thông tin, những điều này nên được thực sự tách biệt và
phân biệt với nội dung của bạn.
Làm cho mọi người, giúp mọi người thoát khỏi dễ dàng hơn, quay lại một số trang nhất định, v.v.
Và cuối cùng, làm cho trang của bạn hoạt động theo những cách có thể dự đoán được. Điều
này có thể là một điều khó hiểu để chỉ nói về, nhưng
nếu bạn đã từng đến một trang web mà bạn không thể hoàn toàn tìm ra cách quay
lại trang bạn đã ba trang trước, làm cho nó dễ dàng cho mọi người để có được điều đó.
Cuối cùng, giúp người dùng tránh và sửa lỗi.
Đó là tùy thuộc vào bạn, không phải họ, để tìm ra cách truy cập thông tin.
Cuối cùng, R, mạnh mẽ trong PUL.
Trang web của bạn có hoạt động trên nhiều công nghệ khác nhau, điện thoại thông minh,
bộ đọc màn hình, máy tính xách tay, bút chì không?
Khi bạn làm việc với tôi và
chúng tôi đi xa hơn, chúng tôi sẽ nói về thiết kế đáp ứng trong một số lớp học sau này.
Và đó là đảm bảo rằng trang của bạn trông tốt nhất nó có thể nhìn
trên các kích cỡ màn hình khác nhau.
Nhưng nó nhiều hơn kích thước màn hình, bạn cũng cần phải suy nghĩ về những thứ như chúng tôi đã nói,
gậy và trình đọc màn hình.
Vì vậy, sẽ có lỗi cú pháp mà bạn có thể có trong mã của bạn
mà không ảnh hưởng đến những gì trang trông giống như bạn.
Anh đã vào, nó trông tuyệt vời, anh giống như, tôi là vàng.
Bạn phải nhớ rằng những lỗi cú pháp đó có thể gây rối cho các công nghệ khác.
Vì vậy, hãy đảm bảo rằng bạn tuân thủ các tiêu chuẩn và
đảm bảo khả năng tương thích trong tương lai với các trình duyệt mới.
Và cách dễ nhất để làm điều đó là đi vào validator.w3c.org và
wave.webaim.org để xác nhận mã của bạn.
Nó đơn giản, nó nhanh, và nó thực sự sẽ cung cấp cho bạn một trang tốt hơn nhiều.
Vì vậy, chỉ để xem xét, tôi không yêu cầu các bạn thực hiện những bước tiến lớn.
Tôi chỉ muốn anh làm những việc nhỏ bé đúng đắn.
Và điều đó thực sự bắt đầu với các thẻ HTML thích hợp.
Tạo kiểu dáng thực sự có thể làm cho một số người khó truy cập thông tin hơn, vì vậy hãy
kiểm tra, kiểm tra, kiểm tra.
Yêu cầu mọi người xem trang của bạn.
Yêu cầu họ cung cấp cho bạn phản hồi.
Đừng lấy nó cá nhân.
Nó không phải về mã hóa của anh.
Đó là về việc thực sự tạo ra một sản phẩm tuyệt vời.
Cuối cùng, hãy bắt đầu thói quen
sử dụng các công cụ trợ năng khác nhau này.
Họ ở đó để bạn làm cho cuộc sống của bạn dễ dàng hơn, chứ không phải khó khăn hơn.
Cuối cùng, một điều mà tôi thực sự phải vật lộn với, với học sinh,
là tất cả chúng ta đều muốn làm những điều mới mẻ.
Nhưng phong cách mới mát mẻ và công nghệ mới mát mẻ
không nên có chi phí truy cập và mọi người xem trang của bạn.
Vì vậy, thực sự tôi hy vọng rằng khi bạn đang học mã này và
bạn đang nhận được một chút căng thẳng về việc sử dụng tất cả những điều mát mẻ
bạn đang học, rằng bạn đang nhớ nó không phải là về có trang web tuyệt vời nhất.
Đó là về việc có một trang sạch sẽ thực sự miêu tả các thông tin
bạn muốn nhận ra trên web.
Chúc may mắn.