Skip to main content
Chemistry LibreTexts

7.2.31: Image Slider (Usable with Workarounds)

  • Page ID
    359152
  • \( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)

    \( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)

    \( \newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\)

    ( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\)

    \( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\)

    \( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\)

    \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\)

    \( \newcommand{\Span}{\mathrm{span}}\)

    \( \newcommand{\id}{\mathrm{id}}\)

    \( \newcommand{\Span}{\mathrm{span}}\)

    \( \newcommand{\kernel}{\mathrm{null}\,}\)

    \( \newcommand{\range}{\mathrm{range}\,}\)

    \( \newcommand{\RealPart}{\mathrm{Re}}\)

    \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\)

    \( \newcommand{\Argument}{\mathrm{Arg}}\)

    \( \newcommand{\norm}[1]{\| #1 \|}\)

    \( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\)

    \( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\AA}{\unicode[.8,0]{x212B}}\)

    \( \newcommand{\vectorA}[1]{\vec{#1}}      % arrow\)

    \( \newcommand{\vectorAt}[1]{\vec{\text{#1}}}      % arrow\)

    \( \newcommand{\vectorB}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)

    \( \newcommand{\vectorC}[1]{\textbf{#1}} \)

    \( \newcommand{\vectorD}[1]{\overrightarrow{#1}} \)

    \( \newcommand{\vectorDt}[1]{\overrightarrow{\text{#1}}} \)

    \( \newcommand{\vectE}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash{\mathbf {#1}}}} \)

    \( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)

    \( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)

    Query \(\PageIndex{1}\)

     

    Overall Usability

    Usable with Workarounds:

    • The activity requires significant adjustments by content authors.

    Important Reminders

    Use best practices for content authoring, including:

    • Add alt-text descriptions up to 150 characters for meaningful images
    • Use good color contrast for meaningful visual information in images.

    Users who require magnification up to 400% may need to be provided with an alternative activity.

    Visible Indication of Focus

    The activity buttons have a visible indication of focus.

    Color Contrast

    The visible indication of focus has good contrast.  The visible indication of focus is a thin black line.  Users who require a visible indication of focus with more contrast may use assistive technology.  The color contrast of meaningful visual elements and text with backgrounds must be ensured manually by the content author.

    Keyboard Usability

    The activity is usable with the keyboard.

    No Keyboard Traps

    There are no keyboard traps.

    Magnification

    Content magnifies up to 200% using browser settings without loss of content or functionality.  The image content does not magnify up to 400%.

    An alternative version of the content should be included that supports magnification up to 400% without requiring horizontal scrolling to view content and interact with content.

    Usability with Screen Reading Software

    The activity is usable with screen reading software.


    7.2.31: Image Slider (Usable with Workarounds) is shared under a CC BY 4.0 license and was authored, remixed, and/or curated by LibreTexts.

    • Was this article helpful?