Giải thích 5 cách thực hiện 'đọc văn bản' cho website.

2024/11/28

Hiện nay, tất cả các trang web đều được yêu cầu phải có khả năng truy cập."Đọc trang web"Các chức năng và công cụ thực hiện điều này là yếu tố quan trọng để đảm bảo khả năng tiếp cận và cải thiện trải nghiệm người dùng.

Chức năng đọc văn bản của trang web không chỉ hỗ trợ người dùng đa dạng, bao gồm cả những người khiếm thị, tiếp cận thông tin trên web một cách bình đẳng, mà còn được chú ý như một công cụ hỗ trợ cho "công việc đa nhiệm".

Có 5 phương pháp tiêu biểu để đọc lại website như sau.

Cách ① Sử dụng chức năng đọc văn bản của trình duyệt.
Phương pháp ② Sử dụng trình đọc màn hình.
Cách ③ Tích hợp plugin.
Phương pháp④ Sử dụng API tổng hợp âm thanh.
Phương pháp ⑤ Cung cấp video và nội dung âm thanh

Trong bài viết này, chúng tôi sẽ giới thiệu 5 phương pháp đọc tiêu biểu này, cũng như đặc điểm và cách triển khai của từng phương pháp và các thách thức mà chức năng đọc gặp phải.

Năm cách để đọc văn bản của trang web.

Đầu tiên, tôi sẽ giới thiệu 5 phương pháp để thực hiện đọc lại website. Bảng dưới đây tóm tắt và so sánh từng phương pháp.

◆ Bảng so sánh 5 phương pháp đọc trang web

Cách.	Đặc điểm	Phạm vi áp dụng.	Lợi ích.	Nhược điểm.
① Sử dụng chức năng đọc lại của trình duyệt.	được tích hợp như một chức năng tiêu chuẩn trong trình duyệt web và có thể sử dụng trong cài đặt.	Toàn bộ trình duyệt.	・Không có chi phí triển khai.Có sẵn để sử dụng. Dễ dàng kích hoạt từ cài đặt của trình duyệt, người dùng có thể sử dụng ngay.	Thường được đọc bằng giọng điệu đơn điệu. ・Chỉ có thể sử dụng trên một số trình duyệt hoặc hệ điều hành nhất định.
② Sử dụng trình đọc màn hình	được thiết kế chủ yếu cho người khuyết tật thị giác, là công cụ có sẵn trên toàn bộ hệ điều hành và ứng dụng.	Toàn bộ hệ thống và các ứng dụng nói chung.	・Hỗ trợ khả năng tiếp cận tổng thểCó sẵn trên toàn bộ hệ thống. • Cũng có sản phẩm hỗ trợ đầu ra chữ Braille.	Cần có cài đặt hoặc cài đặt và có thể cảm thấy rắc rối đối với những người bình thường. ・Cũng có các công cụ trả phí.
③ Nhúng plugin	bằng cách nhúng mã kịch bản và những thứ khác trên trang web để đọc nội dung cụ thể.	các trang web hoặc trang cụ thể	・Được tối ưu hóa cho các nội dung cụ thể.chạy trên. Có thể tùy chỉnh.	・khó khăn trong việc triển khai. Phạm vi chức năng phụ thuộc vào plugin đã được triển khai.
Cách ④ Sử dụng API tổng hợp âm thanh.	Có khả năng tạo ra giọng nói chất lượng cao và tự nhiên hơn, có thể sử dụng trong mọi tình huống cần giọng nói.	Từ trang web và ứng dụng đến thiết bị IoT, sản xuất nội dung, chatbot và nhiều lĩnh vực khác.	• Tùy chỉnh nâng cao hoặcCó khả năng tạo ra âm thanh tự nhiên. ưu việt trong hỗ trợ đa ngôn ngữ.	• Dành cho nhà phát triển và có những rào cản kỹ thuật cao trong việc triển khai. ・có chi phí vận hành cao.
Cung cấp nội dung video và audio.	cung cấp thông tin được đọc lên dưới dạng âm thanh hoặc video.	Giới hạn ở một số nội dung cụ thể (âm thanh, video)	Không chỉ âm thanh mà cònsử dụng hình ảnh và âm nhạc.có thể. có thể tập trung vào các nội dung cụ thể.	・Tạo nội dung mất thời gian. ・Thiếu tính thời gian thực

Chủ yếu, việc đọc lại website được thực hiện bằng những phương pháp như vậy. Đối với ③, ④, ⑤, có thể cung cấp độ chính xác cao trong việc đọc lại, nhưngPhía quản lý trang web thực hiện phát triển hoặc sản xuất.cần thiết.

Trong khi đó, đối với ① và ②, vì chúng sử dụng cài đặt trình duyệt và công cụ của người dùng để đọc, nên không cần phát triển đặc biệt từ phía trang web, nhưng để chức năng đọc của trình duyệt và phần mềm đọc màn hình hoạt động đúng cách,Cấu trúc của website và cách ghi chép HTML tuân theo các tiêu chuẩn về khả năng truy cập như WCAG.cần thiết.

Tôi sẽ giải thích chi tiết về từng phương pháp, bao gồm cả cách triển khai dưới đây.

Cách ① Sử dụng chức năng đọc văn bản của trình duyệt.

Sử dụng chức năng đọc văn bản tích hợp sẵn trong các trình duyệt web như "Google Chrome" hoặc "Safari".Không cần cài đặt ứng dụng hay phần mềm đặc biệt.Có thể sử dụng và chỉ cần người dùng thực hiện một số cài đặt đơn giản để chuyển đổi văn bản thành âm thanh và cung cấp cho người dùng. Nó cũng tiện lợi cho người bình thường khi lấy thông tin trong khi "công việc đa nhiệm".

Tuy nhiên, chỉ hoạt động trên trình duyệt,Không hoạt động trên toàn hệ thống như trình đọc màn hình, nên chức năng cho người khiếm thị là hạn chế.có thể nói.

◆Dịch vụ tiêu biểu

・Microsoft Edge
・Safari.(Mac)
・Google Chrome

Cách triển khai

Bật chức năng đọc lên từ menu cài đặt của từng trình duyệt. Nếu sử dụng tiện ích mở rộng bổ sung trên trình duyệt, bạn có thể sử dụng nó bằng cách cài đặt tiện ích vào trình duyệt và kích hoạt chức năng. Ví dụ, đối với Chrome,"Đọc to".Các tiện ích mở rộng như vậy đã được cung cấp.

Phương pháp ② Sử dụng trình đọc màn hình.

Trình đọc màn hình là công nghệ hỗ trợ được thiết kế cho người khuyết tật thị giác, là công cụ chuyển đổi thông tin trên màn hình thành âm thanh hoặc chữ nổi. Không chỉ trên trình duyệt web,Có thể sử dụng trên toàn bộ hệ thống như OS hoặc ứng dụng.Đặc trưng của nó.

◆ Công cụ nổi bật

Phiên bản tiếng Nhật của NVDA.
Người thuyết minh.
PC-Talker.
JAWS 2024 Phiên bản tiếng Nhật
ZoomText 2024 Phiên bản tiếng Nhật

Cách triển khai

Cách triển khai sẽ khác nhau tùy theo công cụ, nhưng nhìn chung sẽ được tải xuống từ trang web chính thức hoặc cài đặt sau khi mua giấy phép. Ngoài ra,Trên điện thoại thông minh, trình đọc màn hình được tích hợp sẵn.Trong trường hợp iOS, từ menu truy cập trong cài đặt."VoiceOver"Bật chức năng lên, trong trường hợp Android là."TalkBack"bằng cách bật nó lên, chức năng đọc sẽ được kích hoạt.

Đối với các trình đọc màn hình,Chúng tôi đã giải thích chi tiết trong bài viết dưới đây, vì vậy hãy chắc chắn đọc cùng với bài viết này.。

Các bài viết liên quan:Giải thích cách sử dụng các phần mềm đọc màn hình và 5 công cụ tiêu biểu.

Cách ③ Tích hợp plugin.

Plugins có thể được thêm dễ dàng vào chức năng đọc văn bản trên trang web.cung cấp chức năng đọc đặc biệt cho các nội dung cụ thể (ví dụ: mô tả sản phẩm, bài viết, FAQ, v.v.).Vì vậy, người quản lý có thể linh hoạt tùy chỉnh các chức năng cho phù hợp với mục đích của trang. Ngoài ra, bằng cách tùy chỉnh cài đặt, chẳng hạn như.cùng với việc xác định phạm vi đọc hoặc thiết lập nút bắt đầu và dừng âm thanh, tạo ra giao diện thân thiện và dễ sử dụng.Cũng có thể cung cấp cho người dùng.

◆ Các plugin nổi bật

Uniwave.
ReadSpeaker
BrowseAloud

Cách triển khai

Phương pháp triển khai phổ biến là chọn plugin phù hợp trên trang dịch vụ.Chỉ cần chèn mã kịch bản từ nhà cung cấp vào phần đầu HTML để thực hiện.。Có thể tùy chỉnh phạm vi văn bản và thiết kế nút trên màn hình quản lý.

Phương pháp④ Sử dụng API tổng hợp âm thanh.

API tổng hợp âm thanh sẽ tiếp nhận văn bản đã nhậpchuyển đổi thành âm thanh tự nhiên theo thời gian thực.được sử dụng như một nền tảng công nghệ để tích hợp chức năng đọc nâng cao vào trang web và ứng dụng.Có thể điều chỉnh giọng nói dựa trên cảm xúc và ngữ cảnh, cũng rất xuất sắc về hỗ trợ nhiều ngôn ngữ.Đặc trưng của nó.

◆Dịch vụ tiêu biểu

Google Cloud Text-to-Speech
Amazon Polly
IBM Watson Text-to-Speech

Cách triển khai

Đầu tiên, bạn cần tạo tài khoản với các nhà cung cấp API như Google Cloud, Amazon AWS, IBM Watson và kích hoạt API. Bạn có thể tích hợp khóa API đã thu được vào môi trường phát triển, thực hiện lập trình và gửi văn bản đến API để phát lại dữ liệu âm thanh được tạo ra.

Phương pháp ⑤ Cung cấp video và nội dung âm thanh

Đây là cách cung cấp thông tin trên trang web thông qua âm thanh dưới dạng video hoặc nội dung âm thanh.Bằng cách kết hợp với các yếu tố thị giác, có thể truyền đạt thông tin từ nhiều góc độ.Sẽ mất thời gian và công sức để sản xuất nội dung như chỉnh sửa video, nhưng tùy thuộc vào việc chỉnh sửa,Đây là cách chắc chắn nhất để truyền đạt nội dung bạn muốn một cách dễ hiểu.Cũng có thể.

Cách triển khai

Đầu tiên, bạn sẽ sử dụng phần mềm ghi âm hoặc công cụ chỉnh sửa video để tạo nội dung. Tải tệp lên máy chủ,Cách nhúng trực tiếp thẻ vào trang web hoặc tải lên YouTube hoặc SoundCloud để lấy mã nhúng và nhúng vào trang.Cũng rất tốt nếu cung cấp phụ đề và các bản chuyển đổi văn bản để củng cố khả năng truy cập.

Cả hai phương pháp đều giúp cải thiện sự tiện lợi của người dùng và đảm bảo khả năng tiếp cận, nhưng trong việc triển khai và vận hành, cầnMột vài điểm cần lưu ý và thách thức.Tồn tại. Tiếp theo, chúng ta hãy giải thích về những thách thức mà chức năng đọc văn bản của trang web gặp phải.

5 thách thức của chức năng đọc trang web.

Chức năng đọc rất hữu ích cho nhiều loại người dùng, nhưng cũng có một số thách thức. Ở đây, tôi sẽ giải thích năm thách thức điển hình.

Thách thức ① Giới hạn về chất lượng và tính tự nhiên của giọng nói.

Trong những năm qua, việc sử dụng các công nghệ tổng hợp tiên tiến như giọng nói AI đã cho phép tạo ra các âm thanh tự nhiên hơn, nhưng hầu hết các chức năng đọc trên trình duyệt và các trình đọc màn hình phổ biến vẫn còngiọng nói đơn điệu và cơ khí..

Khi người dùng yêu cầu chất lượng âm thanh, giọng nói đơn điệu và ngữ điệu không tự nhiên có thể trở thành vấn đề, đặc biệt là,Nếu văn bản đọc là dài, có thể gây mệt mỏi.có một vấn đề như vậy.

Vấn đề② Có những ký tự hoặc ký hiệu không được nhận diện chính xác

Một số ký tự đặc biệt, ký hiệu và viết tắt không được đọc chính xác.và có thể xảy ra. Vấn đề này không chỉ làm cho người dùng khó hiểu nội dung,Nguyên nhân làm giảm tính khả dụng của toàn bộ trang web.Cũng có thể.

Ví dụ, đối với các ký hiệu chuyên môn như mã lập trình, công thức toán học hoặc hóa học, người dùng có thể bị nhầm lẫn vì không được đọc đúng như ý định. Ngoài ra, các từ viết tắt (như NASA hoặc HTML) có thể không được phát âm đúng, khiến người dùng khó hiểu ý nghĩa.

Hơn nữa, khi các ký hiệu trang trí hoặc biểu tượng cảm xúc được sử dụng thường xuyên, công cụ đọc sẽ đọc hết tên từng biểu tượng cảm xúc, dẫn đến kết quả dài dòng và khó hiểu. (Ví dụ, 😊 sẽ được đọc thành "biểu tượng cảm xúc mặt cười")

Thách thức #3: Khó khăn trong việc hỗ trợ đa ngôn ngữ.

Trên website đa ngôn ngữ, nếu không chuyển đổi ngôn ngữ đúng cách thìPhát âm sai hoặc đọc lại không tự nhiênSẽ xảy ra. Ngoài ra, nếu không đủ cấu hình cho mã ngôn ngữ (như lang="en", lang="ja"), động cơ âm thanh sẽ không hoạt động chính xác.

Những phần cần thiết cho việc thiết lập mã ngôn ngữ phù hợp hoặc chuyển đổi động cơ tổng hợp giọng nói,Việc hỗ trợ trở nên phức tạp về mặt kỹ thuật và tăng khối lượng công việc vận hành.Đây trở thành thách thức chung ở các trang web hỗ trợ nhiều ngôn ngữ.

Thách thức ④ Hỗ trợ nội dung động.

Nội dung động như hộp nhận xét, trò chuyện, pop-up.có thể cập nhật thông tin theo thời gian thực, do đó rất hiệu quả và hữu ích, nhưngKhả năng tương thích với chức năng đọc trang là không tốt.

Trong nhiều trường hợp, chức năng đọc lại hoặc trình đọc màn hình không nhận diện được thông tin được thêm vào theo thời gian thực,Không thể truyền đạt thông tin cho người dùng một cách chính xác, như "không đọc đến cùng" hoặc "đọc bị chồng chéo".Có một thách thức như vậy. Kết quả là, thông tin mới có thể bị bỏ qua hoặc người dùng có thể nghe lại thông tin cũ vào thời điểm không mong muốn.

Thách thức ⑤ Chi phí và gánh nặng của việc hỗ trợ truy cập.

Để chức năng đọc văn bản hoạt động chính xác,.Website cần phải được viết đúng theo tiêu chuẩn khả dụng về HTML và cấu trúc.cần phải có. Tuy nhiên, thực tế thì do mô tả HTML không chính xác, thiếu văn bản thay thế và chưa thiết lập thuộc tính ARIA, chức năng đọc lại thường không hoạt động như mong đợi.

Để giải quyết những vấn đề như vậy, cần phải cải tạo trang web, nhưng điều này đòi hỏiChi phí tài chính và thời gian.có thể gặp phải. Đặc biệt làĐối với các doanh nghiệp nhỏ có ngân sách và nguồn nhân lực hạn chế, gánh nặng này rất lớn và việc đáp ứng tính khả dụng thường bị hoãn lại.Đó là thực tế thường gặp.

Những thách thức này không thể tránh khỏi trong việc triển khai và vận hành chức năng đọc. Tuy nhiên,Với sự phát triển của công nghệ AI trong những năm gần đây, khả năng giải quyết những thách thức này cũng đang mở rộng.Tiếp theo, chúng tôi sẽ giải thích về sự tiến hóa của chức năng đọc trang web mà công nghệ AI mang lại.

Sự tiến bộ của chức năng đọc trang web nhờ vào công nghệ AI.

Gần đây, nhờ vào sự tiến bộ của công nghệ AI, chức năng đọc trang web đã có những bước tiến vượt bậc.Mô hình tổng hợp giọng nói sử dụng công nghệ học sâu (học tự động từ một khối lượng lớn dữ liệu).Tạo ra âm thanh từ văn bản bằng cách thêm ngữ điệu dựa trên cảm xúc và bối cảnh,Tạo ra giọng nói tự nhiên và giống con người hơn, không chỉ là đọc từ máy móc như trước đây.。

Ngoài ra, AI.hiểu ngữ cảnh của văn bản và mối quan hệ giữa các từ.và chẳng hạn, trong các bài báo tin tức, giọng nói trang trọng, trong khi nội dung câu chuyện sử dụng giọng nói giàu cảm xúc, điều này giúp đọc một cách thích hợp theo nội dung.

Hơn nữa, hỗ trợ đa ngôn ngữ cũng đang phát triển nhờ AI,Công nghệ tổng hợp giọng nói như Google Cloud TTS hỗ trợ hàng chục ngôn ngữ.và có thể chuyển đổi mượt mà giữa các ngôn ngữ khác nhau. Ví dụ, ngay cả trên các trang có sự kết hợp giữa tiếng Anh và tiếng Nhật,Tự động nhận diện văn bản và đọc với phát âm hoặc ngữ điệu phù hợp với từng ngôn ngữ, cũng như đọc văn bản trong khi dịch sang ngôn ngữ mong muốn.các điều này đã trở nên khả thi.

Công nghệ như vậy là,Bằng cách tích hợp vào các phương pháp đọc văn bản hiện có như trình duyệt, trình đọc màn hình và plugin, có thể tăng cường đáng kể từng chức năng.và có khả năng cải thiện trải nghiệm người dùng một cách đáng kể.

Tham khảo:Công nghệ tổng hợp giọng nói mới nhất và ứng dụng của nó: Giọng nói của tương lai do AI tạo ra. / Mới nhất năm 2024! Sự tiến bộ của công nghệ tổng hợp âm thanh và những ví dụ sử dụng đáng kinh ngạc.（Reinforz Insight）、Thực hiện tổng hợp giọng nói đa ngôn ngữ mà không làm suy yếu chất lượng giọng nói của người nói, tích hợp công nghệ tổng hợp giọng nói đa ngôn ngữ vào giải pháp tổng hợp âm thanh "FutureVoice Crayon", bắt đầu cung cấp thương mại lần đầu tiên tại Nhật Bản.（NTT TechnoCross）

Tính năng đọc văn bản hiệu quả trên trang web mà Uniweb cung cấp.

Trong bài viết này, chúng tôi đã giới thiệu nhiều phương pháp khác nhau cho chức năng đọc trang web mà chúng tôi cung cấp,Công cụ khả dụng "Uniweb".là một công cụ mạnh mẽ để thực hiện các biện pháp hỗ trợ truy cập trên trang web trong thời gian ngắn.

do đó là công cụ plugin,chỉ cần chèn một dòng thẻ vào trang web.bạn có thể dễ dàng triển khai các chức năng cụ thể để cải thiện khả năng sử dụng như chức năng đọc văn bản, điều chỉnh màu sắc và thay đổi kích thước chữ.

Chức năng đọc trang web của Uniwave cóNgoài chức năng "trình đọc màn hình" thông thường, còn có chức năng "trình đọc phần".Dưới đây là chức năng trình đọc phần, nhưng chỉ cần một cú nhấp chuột để kích hoạt chức năng và cũng có thể chuyển đổi tốc độ đọc.

Bằng cách nhấp vào phần bạn muốn đọc lên, chỉ phần đó sẽ được đọc, vì vậy nó cũng hữu ích cho việc thu thập thông tin trong khi làm việc 'đa nhiệm' bên cạnh mục đích tiếp cận.

◆ 'Phần đọc' của Uniwave

Thông thường, để đảm bảo chức năng đọc của trang web hoạt động chính xác, bạn cần sử dụng phần mềm đọc màn hình để kiểm tra từng trang và sửa đổi thủ công HTML hoặc cấu trúc, nhưng nếu sử dụng UniWeb,Có thể phân tích tự động toàn bộ trang web để xác định các vấn đề và tối ưu hóa cấu trúc một cách hiệu quả..

UniWeb là một công cụ đáng tin cậy và hiệu quả về chi phí trong hỗ trợ khả năng truy cập web, bao gồm cả đọc lại âm thanh.Biểu tượng màu hồng ở góc dưới bên phải của bài viết này.Nếu bạn nhấp vào đây, menu truy cập của Uniweb sẽ được hiển thị, vì vậy hãy thử nghiệm các chức năng thực tế.

Tóm tắt

Chức năng đọc văn bản của trang web là.Đóng vai trò quan trọng trong việc cải thiện trải nghiệm người dùng và hỗ trợ khả năng truy cập.Trong bài viết này, chúng tôi đã giới thiệu đặc điểm và cách triển khai của 5 phương pháp đọc, nhưng khi xem xét tính năng đọc trong tương lai,Cần lựa chọn các phương pháp phù hợp với mục đích của trang và đối tượng người dùng, đồng thời cần lưu ý đủ đến các thách thức.

Ngoài ra, cũng để hỗ trợ các chức năng của trình duyệt và trình đọc màn hình.Đảm bảo rằng cấu trúc của trang web và mã HTML tuân thủ các tiêu chuẩn khả năng tiếp cận.Điều này rất quan trọng. Điều này cho phép chức năng đọc văn bản hoạt động chính xác và cung cấp môi trường cho tất cả người dùng có thể tận hưởng nội dung một cách thoải mái.

Hiện nay, tất cả các trang web đều yêu cầu tính khả năng tiếp cận, và chức năng đọc trang web sẽ ngày càng được chú ý hơn để người dùng, đặc biệt là những người khiếm thị hoặc người cao tuổi, có thể sử dụng trang mà không gặp khó khăn.

Nếu bạn đang tìm kiếm các biện pháp hỗ trợ truy cập hiệu quả và hiệu quả, việc sử dụng các giải pháp như UniWeb cũng có thể là một lựa chọn đáng cân nhắc.