From fe2b11ee549e3bee04d1b8abaa9eb1e97e68b8e9 Mon Sep 17 00:00:00 2001 From: Tom Brunet Date: Mon, 30 Oct 2023 14:20:54 -0500 Subject: [PATCH 1/2] Fix doctype and table styles --- .../help-v4/common/help.css | 91 +++++++++++++++++-- .../en-US/IBMA_Color_Contrast_WCAG2AA_PV.html | 1 + .../Rpt_Aria_ArticleRoleLabel_Implicit.html | 1 + .../Rpt_Aria_GroupRoleLabel_Implicit.html | 1 + .../help-v4/en-US/a_target_warning.html | 1 + .../help-v4/en-US/a_text_purpose.html | 1 + .../help-v4/en-US/applet_alt_exists.html | 1 + .../en-US/application_content_accessible.html | 1 + .../help-v4/en-US/area_alt_exists.html | 1 + .../en-US/aria_accessiblename_exists.html | 1 + .../aria_activedescendant_tabindex_valid.html | 1 + .../en-US/aria_activedescendant_valid.html | 1 + .../en-US/aria_application_label_unique.html | 1 + .../en-US/aria_application_labelled.html | 1 + .../en-US/aria_article_label_unique.html | 1 + .../help-v4/en-US/aria_attribute_allowed.html | 1 + .../en-US/aria_attribute_conflict.html | 1 + .../en-US/aria_attribute_deprecated.html | 1 + .../help-v4/en-US/aria_attribute_exists.html | 1 + .../en-US/aria_attribute_redundant.html | 1 + .../en-US/aria_attribute_required.html | 1 + .../help-v4/en-US/aria_attribute_valid.html | 1 + .../en-US/aria_attribute_value_valid.html | 1 + .../en-US/aria_banner_label_unique.html | 1 + .../help-v4/en-US/aria_banner_single.html | 1 + .../help-v4/en-US/aria_child_tabbable.html | 1 + .../help-v4/en-US/aria_child_valid.html | 1 + .../aria_complementary_label_unique.html | 1 + .../aria_complementary_label_visible.html | 1 + .../en-US/aria_complementary_labelled.html | 1 + .../en-US/aria_content_in_landmark.html | 1 + .../en-US/aria_contentinfo_label_unique.html | 1 + .../en-US/aria_contentinfo_misuse.html | 1 + .../en-US/aria_contentinfo_single.html | 1 + .../help-v4/en-US/aria_descendant_valid.html | 1 + .../en-US/aria_document_label_unique.html | 1 + .../en-US/aria_eventhandler_role_valid.html | 1 + .../help-v4/en-US/aria_form_label_unique.html | 1 + .../help-v4/en-US/aria_graphic_labelled.html | 1 + .../en-US/aria_hidden_nontabbable.html | 1 + .../help-v4/en-US/aria_id_unique.html | 1 + .../help-v4/en-US/aria_img_labelled.html | 1 + .../en-US/aria_keyboard_handler_exists.html | 1 + .../en-US/aria_landmark_name_unique.html | 1 + .../help-v4/en-US/aria_main_label_unique.html | 1 + .../en-US/aria_main_label_visible.html | 1 + .../en-US/aria_navigation_label_unique.html | 1 + .../help-v4/en-US/aria_parent_required.html | 1 + .../en-US/aria_region_label_unique.html | 1 + .../help-v4/en-US/aria_region_labelled.html | 1 + .../help-v4/en-US/aria_role_allowed.html | 1 + .../help-v4/en-US/aria_role_redundant.html | 1 + .../help-v4/en-US/aria_role_valid.html | 1 + .../en-US/aria_search_label_unique.html | 1 + .../en-US/aria_toolbar_label_unique.html | 1 + .../help-v4/en-US/aria_widget_labelled.html | 1 + .../help-v4/en-US/asciiart_alt_exists.html | 1 + .../help-v4/en-US/blink_css_review.html | 1 + .../help-v4/en-US/blink_elem_deprecated.html | 1 + .../help-v4/en-US/blockquote_cite_exists.html | 1 + .../en-US/canvas_content_described.html | 1 + .../help-v4/en-US/caption_track_exists.html | 1 + .../en-US/combobox_active_descendant.html | 1 + .../en-US/combobox_autocomplete_valid.html | 1 + .../help-v4/en-US/combobox_design_valid.html | 1 + .../en-US/combobox_focusable_elements.html | 1 + .../en-US/combobox_haspopup_valid.html | 1 + .../en-US/combobox_popup_reference.html | 1 + .../help-v4/en-US/dir_attribute_valid.html | 1 + .../en-US/download_keyboard_controllable.html | 1 + .../en-US/element_accesskey_labelled.html | 1 + .../en-US/element_accesskey_unique.html | 1 + .../en-US/element_attribute_deprecated.html | 1 + .../help-v4/en-US/element_id_unique.html | 1 + .../help-v4/en-US/element_lang_valid.html | 1 + .../en-US/element_mouseevent_keyboard.html | 1 + .../en-US/element_orientation_unlocked.html | 1 + .../en-US/element_scrollable_tabbable.html | 1 + .../en-US/element_tabbable_role_valid.html | 1 + .../en-US/element_tabbable_unobscured.html | 1 + .../en-US/element_tabbable_visible.html | 1 + .../help-v4/en-US/embed_alt_exists.html | 1 + .../help-v4/en-US/embed_noembed_exists.html | 1 + .../help-v4/en-US/emoticons_alt_exists.html | 1 + .../help-v4/en-US/error_message_exists.html | 1 + .../help-v4/en-US/fieldset_label_valid.html | 1 + .../help-v4/en-US/fieldset_legend_valid.html | 1 + .../help-v4/en-US/figure_label_exists.html | 1 + .../help-v4/en-US/form_font_color.html | 1 + .../en-US/form_interaction_review.html | 1 + .../help-v4/en-US/form_label_unique.html | 1 + .../en-US/form_submit_button_exists.html | 1 + .../help-v4/en-US/form_submit_review.html | 1 + .../help-v4/en-US/frame_src_valid.html | 1 + .../help-v4/en-US/frame_title_exists.html | 1 + .../help-v4/en-US/heading_content_exists.html | 1 + .../help-v4/en-US/heading_markup_misuse.html | 1 + .../help-v4/en-US/html_lang_exists.html | 1 + .../help-v4/en-US/html_lang_valid.html | 1 + .../help-v4/en-US/html_skipnav_exists.html | 1 + .../en-US/iframe_interactive_tabbable.html | 1 + .../help-v4/en-US/imagebutton_alt_exists.html | 1 + .../help-v4/en-US/imagemap_alt_exists.html | 1 + .../help-v4/en-US/img_alt_background.html | 1 + .../help-v4/en-US/img_alt_decorative.html | 1 + .../help-v4/en-US/img_alt_misuse.html | 1 + .../help-v4/en-US/img_alt_null.html | 1 + .../help-v4/en-US/img_alt_redundant.html | 1 + .../help-v4/en-US/img_alt_valid.html | 1 + .../help-v4/en-US/img_ismap_misuse.html | 1 + .../help-v4/en-US/img_longdesc_misuse.html | 1 + .../en-US/input_autocomplete_valid.html | 1 + .../en-US/input_checkboxes_grouped.html | 1 + .../help-v4/en-US/input_fields_grouped.html | 1 + .../en-US/input_haspopup_conflict.html | 1 + .../help-v4/en-US/input_label_after.html | 1 + .../help-v4/en-US/input_label_before.html | 1 + .../help-v4/en-US/input_label_exists.html | 1 + .../help-v4/en-US/input_label_visible.html | 1 + .../help-v4/en-US/input_onchange_review.html | 1 + .../input_placeholder_label_visible.html | 1 + .../help-v4/en-US/label_content_exists.html | 1 + .../help-v4/en-US/label_name_visible.html | 1 + .../help-v4/en-US/label_ref_valid.html | 1 + .../help-v4/en-US/list_children_valid.html | 1 + .../help-v4/en-US/list_markup_review.html | 1 + .../help-v4/en-US/list_structure_proper.html | 1 + .../help-v4/en-US/marquee_elem_avoid.html | 1 + .../help-v4/en-US/media_alt_brief.html | 1 + .../help-v4/en-US/media_alt_exists.html | 1 + .../en-US/media_audio_transcribed.html | 1 + .../en-US/media_autostart_controllable.html | 1 + .../en-US/media_keyboard_controllable.html | 1 + .../help-v4/en-US/media_live_captioned.html | 1 + .../help-v4/en-US/media_track_available.html | 1 + .../help-v4/en-US/meta_redirect_optional.html | 1 + .../help-v4/en-US/meta_refresh_delay.html | 1 + .../help-v4/en-US/meta_viewport_zoomable.html | 1 + .../help-v4/en-US/noembed_content_exists.html | 1 + .../help-v4/en-US/object_text_exists.html | 1 + .../help-v4/en-US/page_title_exists.html | 1 + .../help-v4/en-US/page_title_valid.html | 1 + .../en-US/script_focus_blur_review.html | 1 + .../help-v4/en-US/script_onclick_avoid.html | 1 + .../help-v4/en-US/script_onclick_misuse.html | 1 + .../help-v4/en-US/script_select_review.html | 1 + .../help-v4/en-US/select_options_grouped.html | 1 + .../help-v4/en-US/skip_main_described.html | 1 + .../help-v4/en-US/skip_main_exists.html | 1 + .../en-US/style_background_decorative.html | 1 + .../en-US/style_before_after_review.html | 1 + .../help-v4/en-US/style_color_misuse.html | 1 + .../help-v4/en-US/style_focus_visible.html | 1 + .../en-US/style_highcontrast_visible.html | 1 + .../help-v4/en-US/style_hover_persistent.html | 2 + .../en-US/style_viewport_resizable.html | 1 + .../help-v4/en-US/table_aria_descendants.html | 1 + .../help-v4/en-US/table_caption_empty.html | 1 + .../help-v4/en-US/table_caption_nested.html | 1 + .../help-v4/en-US/table_headers_exists.html | 1 + .../en-US/table_headers_ref_valid.html | 1 + .../help-v4/en-US/table_headers_related.html | 1 + .../en-US/table_layout_linearized.html | 1 + .../help-v4/en-US/table_scope_valid.html | 1 + .../help-v4/en-US/table_structure_misuse.html | 1 + .../en-US/table_summary_redundant.html | 1 + .../help-v4/en-US/text_block_heading.html | 1 + .../en-US/text_contrast_sufficient.html | 1 + .../help-v4/en-US/text_quoted_correctly.html | 1 + .../help-v4/en-US/text_sensory_misuse.html | 1 + .../help-v4/en-US/text_spacing_valid.html | 1 + .../help-v4/en-US/text_whitespace_valid.html | 1 + .../help-v4/en-US/widget_tabbable_exists.html | 1 + .../help-v4/en-US/widget_tabbable_single.html | 1 + 174 files changed, 256 insertions(+), 9 deletions(-) diff --git a/accessibility-checker-engine/help-v4/common/help.css b/accessibility-checker-engine/help-v4/common/help.css index 1f263f4a7..ab24d3661 100644 --- a/accessibility-checker-engine/help-v4/common/help.css +++ b/accessibility-checker-engine/help-v4/common/help.css @@ -38,7 +38,7 @@ bx-list-item>code, p>code, td>code { } .toolHelp .toolHead h3 { - font-family: 'IBM Plex Sans'; + font-family: 'IBM Plex Sans','Helvetica Neue',Arial,sans-serif; font-style: normal; font-weight: 600; font-size: 16px; @@ -46,7 +46,7 @@ bx-list-item>code, p>code, td>code { } .toolHelp .toolHead .issueLevel { - font-family: 'IBM Plex Sans'; + font-family: 'IBM Plex Sans','Helvetica Neue',Arial,sans-serif; font-style: normal; font-weight: 400; font-size: 12px; @@ -54,7 +54,7 @@ bx-list-item>code, p>code, td>code { } .toolHelp .toolHead #ruleMessage { - font-family: 'IBM Plex Sans'; + font-family: 'IBM Plex Sans','Helvetica Neue',Arial,sans-serif; font-style: normal; font-weight: 600; font-size: 16px; @@ -64,7 +64,7 @@ bx-list-item>code, p>code, td>code { } .toolHelp .toolHead #groupLabel { - font-family: 'IBM Plex Sans'; + font-family: 'IBM Plex Sans','Helvetica Neue',Arial,sans-serif; font-style: normal; font-weight: 400; font-size: 12px; @@ -73,7 +73,7 @@ bx-list-item>code, p>code, td>code { /* productive-heading-03 */ .toolHelp .toolMain h3 { - font-family: 'IBM Plex Sans'; + font-family: 'IBM Plex Sans','Helvetica Neue',Arial,sans-serif; font-style: normal; font-weight: 600; font-size: 16px; @@ -88,7 +88,7 @@ bx-list-item>code, p>code, td>code { /* productive-heading-03 */ .toolHelp .toolSide h3 { - font-family: 'IBM Plex Sans'; + font-family: 'IBM Plex Sans','Helvetica Neue',Arial,sans-serif; font-style: normal; font-weight: 600; font-size: 16px; @@ -101,7 +101,7 @@ bx-list-item>code, p>code, td>code { } } body { - font-family: 'IBM Plex Sans', sans-serif; + font-family: 'IBM Plex Sans','Helvetica Neue',Arial,sans-serif; color: var(--cds-text-primary); background-color: var(--cds-ui-background); } @@ -114,7 +114,7 @@ body { } .toolHelp p { - font-family: 'IBM Plex Sans'; + font-family: 'IBM Plex Sans','Helvetica Neue',Arial,sans-serif; font-style: normal; font-weight: 400; font-size: 14px; @@ -156,7 +156,7 @@ letter-spacing: 0.16px; .toolHelp .toolSide { padding: 16px 16px 16px 32px; - background-color: var(--cds-ui-background);; + background-color: var(--cds-ui-background); color: var(--cds-text-primary); border-top: solid var(--cds-text-primary) 1px; } @@ -193,3 +193,76 @@ bx-code-snippet[type="multi"]::after { #ruleInfo p { font-size: 14px; } + +mark-down table tbody tr:hover { + background: var(--cds-layer-hover); +} +mark-down table tbody tr:hover td, mark-down table tbody tr:hover th { + background: var(--cds-layer-hover); + -webkit-border-after: 1px solid var(--cds-layer-hover); + border-block-end: 1px solid var(--cds-layer-hover); + -webkit-border-before: 1px solid var(--cds-layer-hover); + border-block-start: 1px solid var(--cds-layer-hover); + color: var(--cds-text-primary,#161616); +} + +mark-down table { + margin-top: 1rem; + width: 100%; +} + +@media (min-width: 66rem) { + mark-down table { + max-width: 66.66%; + } +} + +mark-down table thead { + font-size: var(--cds-heading-compact-01-font-size,0.875rem); + font-weight: var(--cds-heading-compact-01-font-weight,600); + line-height: var(--cds-heading-compact-01-line-height,1.28572); + letter-spacing: var(--cds-heading-compact-01-letter-spacing,0.16px); + background-color: var(--cds-layer-accent); +} + +mark-down table tr { + border: none; + block-size: 3rem; + inline-size: 100%; +} + +mark-down table th { + background-color: var(--cds-layer-accent); + color: var(--cds-text-primary,#161616); + -webkit-padding-end: 1rem; + padding-inline-end: 1rem; + -webkit-padding-start: 1rem; + padding-inline-start: 1rem; +} + +mark-down table td, mark-down table th { + text-align: start; + vertical-align: middle; +} + +mark-down table tbody { + font-size: var(--cds-body-compact-01-font-size,0.875rem); + font-weight: var(--cds-body-compact-01-font-weight,400); + line-height: var(--cds-body-compact-01-line-height,1.28572); + letter-spacing: var(--cds-body-compact-01-letter-spacing,0.16px); + background-color: var(--cds-layer); + inline-size: 100%; +} + +mark-down table td, mark-down table tbody th { + background: var(--cds-layer); + -webkit-border-after: 1px solid var(--cds-border-subtle); + border-block-end: 1px solid var(--cds-border-subtle); + -webkit-border-before: 1px solid var(--cds-layer); + border-block-start: 1px solid var(--cds-layer); + color: var(--cds-text-secondary,#525252); + -webkit-padding-end: 1rem; + padding-inline-end: 1rem; + -webkit-padding-start: 1rem; + padding-inline-start: 1rem; +} \ No newline at end of file diff --git a/accessibility-checker-engine/help-v4/en-US/IBMA_Color_Contrast_WCAG2AA_PV.html b/accessibility-checker-engine/help-v4/en-US/IBMA_Color_Contrast_WCAG2AA_PV.html index 0d822537c..0f53f21ce 100644 --- a/accessibility-checker-engine/help-v4/en-US/IBMA_Color_Contrast_WCAG2AA_PV.html +++ b/accessibility-checker-engine/help-v4/en-US/IBMA_Color_Contrast_WCAG2AA_PV.html @@ -1,3 +1,4 @@ +