แนวทางปฏิบัติที่ดีที่สุดสำหรับการออกแบบมุมมองที่เข้าถึงได้
You created a great view, and you want to make it more accessible so all your users can see and understand the data.
Tableau รองรับการควบคุมหลายอย่างสําหรับการสร้างมุมมองที่สามารถเข้าถึงได้ การควบคุมเหล่านี้สอดคล้องกับข้อกําหนดของมาตรา 508 ของสหรัฐอเมริกาและแนวทางการช่วยการเข้าถึงเนื้อหาเว็บ (WCAG 2.2 AA) Make sure that content shared from Tableau Cloud or Tableau Server follows the steps in มุมมองของผู้เขียนสำหรับการช่วยเหลือพิเศษ and aligns with these WCAG 2.2 AA principles:
รับรู้ได้ - ส่วนประกอบข้อมูลและอินเตอร์เฟซผู้ใช้จะต้องนำเสนอให้กับผู้ใช้ในลักษณะที่พวกเขาสามารถรับรู้ได้ พิจารณารวมทางเลือกข้อความและวิธีทางเลือกที่สามารถนำเสนอเนื้อหาได้
- ใช้งานได้ - ส่วนประกอบอินเตอร์เฟซผู้ใช้และการนำทางจะต้องเข้าถึงได้โดยผู้ใช้จากอุปกรณ์ต่างๆ หรือวิธีที่พวกเขาใช้เพื่อโต้ตอบกับมุมมอง
Understandable - The information presented in the view must be understandable to your users. For example, by using clearly distinguishable names and labels for different elements shown in your view.
Follow the best practices described in this article and in มุมมองของผู้เขียนสำหรับการช่วยเหลือพิเศษ to build views that are accessible to all of your users when published on Tableau Server or Tableau Cloud.
ทำทุกอย่างให้ง่ายเข้าไว้
หลักการ WCAG 2.1 AA: เข้าใจได้
คุณอาจมีข้อมูลมากมายที่ต้องการสื่อสารผ่านมุมมองของคุณ However, dense views can be difficult to understand or navigate by using a screen reader or keyboard. ใช้แนวทางปฏิบัติต่อไปนี้เพื่อช่วยคุณสื่อสารทุกอย่างที่คุณต้องการโดยไม่ทำให้ผู้ใช้เกิดภาวะข้อมูลท่วนท้นกับมุมมองที่อัดแน่นของคุณ
Aggregate your data whenever possible to help reduce the number of marks you're showing. รวมถึงการแสดงเครื่องหมายกว่า 1,000 รายการในมุมมองอาจทำให้เกิดการแสดงผลมุมมองโดยเซิร์ฟเวอร์แทนที่จะเป็นโดยเบราว์เซอร์ อีกทั้งยังไม่มีการรองรับมุมมองที่แสดงผลโดยเซิร์ฟเวอร์สำหรับความสอดคล้องของ WCAG
นอกจากนี้ผู้ใช้ยังสามารถเข้าถึงหน้า ดูข้อมูล (เปิดใช้งานตามค่าเริ่มต้น) เพื่อดูข้อมูลที่สำคัญสำหรับเครื่องหมายหรือดาวน์โหลดข้อมูลจากหน้าไปยังแอปพลิเคชันที่เข้าถึงได้จากมุมมองนั้น
ตัวอย่าง: ตัวอย่างนี้แสดงมุมมองแผนภูมิแท่งสองแบบเพื่อแสดงความแตกต่างระหว่างมุมมองแบบละเอียดและมุมมองแบบรวม
ไม่สามารถเข้าถึงได้ง่าย - เครื่องหมายมากเกินไป เข้าถึงได้ง่ายขึ้น - มุมมองแบบรวม 
มุมมองประเภทนี้มีรายละเอียดมากทำให้เข้าใจได้ยากขึ้น
The view is showing over 5000 marks and doesn't include enough text to indicate what the different marks represent.
It's too difficult to use for users who need screen readers.
ตัวอย่างนี้แสดงมุมมองเดียวกันที่มีข้อมูลแบบรวมที่ระดับสูง
Key data points are still included, but they're now easier for users to read and understand.
จำนวนของเครื่องหมายลดลงจากมากกว่า 5000 รายการลงเหลือ 20 รายการ
ผู้ใช้ยังคงสามารถอ่านรายละเอียดที่สำคัญสำหรับเครื่องหมายโดยการวางโฟกัสบนมุมมอง จากนั้นกดปุ่ม Enter เพื่อเปิดหน้า ดูข้อมูล
Consider simple graphic elements like bar charts or line charts that allow you to use text, color, and shapes to add more context to the view.
จำกัดจำนวนเครื่องหมายไว้เฉพาะที่เน้นจุดข้อมูลที่สำคัญที่สุดเท่านั้น
สำหรับข้อมูลและตัวอย่างเกี่ยวกับวิธีการสร้างมุมมองประเภทนี้ โปรดดูการช่วยการเข้าถึงที่ ทำทุกอย่างให้ง่ายเข้าไว้ ใน มุมมองของผู้เขียนสำหรับการช่วยเหลือพิเศษ
ชื่อและคำอธิบายภาพ
หลักการ WCAG 2.1 AA: รับรู้ได้ เข้าใจได้
Providing good descriptive text in titles and captions provides context to users who use assistive technology, and can help them understand the data in your view. ใช้แนวทางปฏิบัติต่อไปนี้เพื่อปรับแต่งลักษณะการมองเห็นของ Tableau เพื่อตอบสนองความต้องการของผู้ใช้ทั้งหมดได้
คิดเกี่ยวกับมุมมองของคุณเป็นส่วนเสริมของข้อความที่คุณใช้เพื่ออธิบาย
ใช้ข้อความในชื่อเรื่องและคำอธิบายภาพเพื่ออธิบายการแสดงภาพของคุณและสิ่งที่คุณนำเสอ
ใช้ภาษาที่ง่ายและเข้าใจได้ง่าย หลีกเลี่ยงภาษีคลุมเคลือ คำย่อ หรือตัวย่อ
Don't include words like "image of" or "picture of" in your text descriptions, because screen readers sometimes include this information.
Avoid all capital letters (for example in headings or titles), because they can be difficult to read.
ตัวอย่าง: ตัวอย่างนี้แสดงแผนภูมิแท่งสองแบบ One with very little text and the other with titles and captions to add context
ไม่สามารถเข้าถึงได้ง่าย - ข้อความน้อยเกินไป เข้าถึงได้ดีขึ้น - การเพิ่มข้อความเชิงอธิบายเป็นการให้บริบท 
A one-word title isn't descriptive enough.
เครื่องหมายถูกแยกความแตกต่างด้วยสีและขนาด แต่หากไม่มีข้อความเพิ่มเติม บริบทของเครื่องหมายเหล่านี้อาจเข้าใจได้ยาก
There's no caption or other explanatory text to help explain this view.
ตัวอย่างนี้แสดงมุมมองเดียวกัน แต่มีข้อความอธิบายเพิ่มเติมทั้งแบบชื่อและคำอธิบายภาพ
มีสเกลสีคอนทราสต์และตัวแยกความแตกต่างของขนาดแบบเดียวกัน แต่มีป้ายกำกับเพิ่มเข้ามาในเครื่องหมายแท่งเพื่อให้บริบทเพิ่มเติม
สำหรับข้อมูลและตัวอย่างเกี่ยวกับวิธีสร้างมุมมองที่มีข้อความสำหรับบริบท ให้ดูที่ แสดงข้อความเพิ่มเติมและทำให้เป็นประโยชน์ ในมุมมองของผู้เขียนสำหรับการช่วยเหลือพิเศษ
ข้อความเพิ่มเติม
หลักการ WCAG 2.1 AA: รับรู้ได้ เข้าใจได้
By using text beyond just titles and captions can help users understand the context of what you're showing, as well as help describe the relationship between the different controls (such as legends and filters) and your data.
Use these guidelines when adding additional text:
ใช้ข้อความในส่วนหัวที่คำอธิบายหรือตัวกรองเพื่ออธิบายตัวควบคุมและการทำงานของตัวควบคุม You can also use text zones on a dashboard to add context for your visualizations to further describe what you are showing.
- เพิ่มข้อความแสดงแทน (ข้อความแสดงแทน) ลงในการแสดงเป็นภาพ Tableau เริ่มสร้างข้อความแสดงแทนโดยอัตโนมัติสำหรับการแสดงเป็นภาพใน Tableau 23.1 In Tableau 23.2 and later, you can edit the auto-generated alt text to add context that you know is important to your audience.
ดูที่ตัวควบคุมตามป้ายกำกับตามที่ทำได้ ตัวอย่างเช่น การเปลี่ยนป้ายกำกับสำหรับคำอธิบายจากหมวดหมู่ย่อยไปยังปุ่มสีสำหรับประเภทผลิตภัณฑ์จะสามารถช่วยให้ผู้ใช้เข้าใจความสัมพันธ์ระหว่างการควบคุมและข้อมูล
ถ้าคุณรวมข้อความลิงก์ในมุมมองของคุณ ให้ใช้ข้อความที่อธิบายปลายทางที่ลิงก์จะนำผู้ใช้ไปยัง For example, use link text like "Global Warming statistics for 1990-2020." หลีกเลี่ยงการใช้คำอย่างเช่น "คลิกที่นี่", "เพิ่มเติม" หรือ "ข้อมูลเพิ่มเติม" ตัวอย่างข้อความลิงก์เหล่านี้เป็นแบบทั่วไปมาก และอาจทำให้ผู้ใช้สับสนได้
ตัวอย่าง: ตัวอย่างต่อไปนี้แสดงแผนภูมิฟองอากาศสองแบบ มุมมองหนึ่งรายการใช้เฉพาะข้อความที่แสดงตามค่าเริ่มต้นเมื่อสร้างมุมมอง และมุมมองหนึ่งรายการมีข้อความเพิ่มเติมที่เพิ่มบริบททั่วทั้งมุมมองเพื่อช่วยสื่อความหมาย
ไม่สามารถเข้าถึงได้ง่าย - ข้อความน้อยเกินไป เข้าถึงได้ดีขึ้น - ข้อความเชิงอธิบายมากขึ้น 
มุมมองนี้ใช้ข้อความค่าเริ่มต้นเท่านั้นสำหรับชื่อเรื่องของชีตและป้ายกำกับเริ่มต้นสำหรับตัวกรองและคำอธิบาย
เครื่องหมายถูกแยกความแตกต่างด้วยสีและขนาดอย่างเดียว
There's no caption or other explanatory text included in the view to help provide context.
ตัวอย่างนี้แสดงมุมมองเดียวกัน แต่มีข้อความเชิงอธิบายเพิ่มเติมด้วย
มีการเพิ่มข้อความไปยังชื่อและคำอธิบายภาพเพื่ออธิบายความสัมพันธ์ของเครื่องหมายและให้บริบทเพิ่มเติมเกี่ยวกับการนำเสนอของมุมมอง
มีการเพิ่มป้ายกำกับเครื่องหมายเพื่อแสดงตัวเลขผลกำไรเพื่อให้ผู้ใช้ไม่ต้องพึ่งพาเฉพาะสีอย่างเดียวในการทำความเข้าใจข้อมูลดังกล่าว
หากต้องการข้อมูลและตัวอย่างเกี่ยวกับวิธีสร้างมุมมองที่มีข้อความเพิ่มเติมสำหรับบริบท โปรดดูแสดงข้อความเพิ่มเติมและทำให้เป็นประโยชน์และมุมมองของผู้เขียนสำหรับการช่วยเหลือพิเศษ ในมุมมองของผู้เขียนสำหรับการช่วยเหลือพิเศษ
สีและคอนทราสต์
หลักการ WCAG 2.1 AA: รับรู้ได้ เข้าใจได้
คุณสามารถใช้สีเพื่อช่วยแยกความแตกต่างของเครื่องหมายในมุมมองได้ However, for users with visual impairments, color alone doesn't always provide enough of a distinction. การมีสีมากเกินไปจะทําให้ยากเป็นพิเศษเมื่อมีเครื่องหมายมากมายในมุมมอง Use these guidelines when adding color in your views:
Tableau มีจานสีสำหรับผู้ตาบอดสีที่คุณสามารถใช้เพื่อช่วยเลือกสีที่เหมาะสมกับมุมมองของคุณได้ สำหรับจานสีใดๆ ที่คุณใช้ ลองนำเสนอคอนทราสต์ที่เพียงพอและกำหนดสีที่แตกต่างไปจากสีอื่นๆ บนช่วงสีอ่อนและสีเข้ม
สำหรับเครื่องหมายเส้น ให้ใช้ตัวเลือกเพิ่มเติม เช่น รูปร่าง ขนาด และป้ายกำกับเพื่อช่วยแยกความแตกต่าง
ใช้เครื่องมือตัววิเคราะห์คอนทราสต์(ลิงก์จะเปิดในหน้าต่างใหม่)เพื่อช่วยเลือกสีและพื้นหลังที่ดีที่สุดที่มีอัตราส่วนคอนทราสต์เพียงพอ ให้แน่ใจว่าคอนทราสต์ของสีมีเพียงพอและสอดคล้องกับมาตรฐานอัตราส่วนสีที่ 4.5:1 (3:1 สำหรับข้อความขนาดใหญ่)
ตัวอย่าง: ตัวอย่างนี้แสดงแผนภูมิเส้นสองแบบ แบบหนึ่งใช้สีอย่างเดียวเพื่อแยกความแตกต่างของเส้นและอีกแบบจะใช้สีที่เหมาะสมมากขึ้นรวมถึงรูปร่างเพื่อแยกความแตกต่างของเครื่องหมาย
ไม่สามารถเข้าถึงได้ง่าย - การใช้สีอย่างเดียวเพื่อแยกความแตกต่าง เข้าถึงได้ง่ายขึ้น - การใช้สีและรูปร่างเพื่อแยกความแตกต่างของเครื่องหมาย 
มุมมองนี้ใช้สีอย่างเดียวเพื่อแยกความแตกต่างของเส้นจากเส้นอื่น
The marks in the view aren't using a color palette that is fully accessible to users with visual impairments.
ตัวอย่างนี้แสดงมุมมองเดียวกัน แต่ใช้ทั้งสีและรูปร่างเพื่อระบุเครื่องหมาย
คำอธิบายสีและคำอธิบายรูปร่างพร้อมชื่อเรื่องที่ชัดเจนจะระบุการแทนด้วยสีและรูปร่างในมุมมองได้
หากต้องกราข้อมูลและตัวอย่างเกี่ยวกับวิธีสร้างมุมมองที่ใช้สีเพื่อช่วยแยกความแตกต่างของเครื่องหมาย โปรดดูมุมมองของผู้เขียนสำหรับการช่วยเหลือพิเศษในมุมมองของผู้เขียนสำหรับการช่วยเหลือพิเศษ
การเผยแพร่มุมมองของคุณ
หลักการ WCAG 2.1 AA: รับรู้ได้ ใช้งานได้ เข้าใจได้
ในการทําให้มุมมองพร้อมใช้งานสําหรับผู้ใช้ ให้เผยแพร่มุมมองของคุณไปยัง Tableau Server หรือ Tableau Cloud จากนั้นในเมนูแถบเครื่องมือ ให้คลิก แชร์ ผู้ใช้สามารถโต้ตอบกับมุมมองและปุ่มแถบเครื่องมือโดยใช้โปรแกรมอ่านหน้าจอหรือแป้นพิมพ์ สำหรับข้อมูลเพิ่มเติม โปรดดูการช่วยเหลือพิเศษของแป้นพิมพ์สำหรับ Tableau บนเว็บ
For information about how to publish and embed workbooks, find the embed code, and turn off the toolbar, see เผยแพร่และแบ่งปันมุมมอง in มุมมองของผู้เขียนสำหรับการช่วยเหลือพิเศษ.