Badges

Description: Badges that appear in the applets, allows the user to quickly identify if the selected patient has an Abnormal High or Low lab results, Critical High or Low lab results, or was Admitted on a specific date and time.

508 Guidelines: Badges are meant to display additional visual information. Adding the title attribute and helpful content will be sufficient enough to pass the 508-compliance test since the title attribute will be read by the screen reader.

TIP: Badges are not actionable objects that be "tabbed" to. Also, these badges using the <span> tags are specifically to be embedded within the applet tiles.

Applet Badges
L* H Panel

<span class="label applet-badges label-critical" aria-label="L* - Critical Low" title="Critical Low">L*</span>
<span class="label applet-badges label-abnormal" aria-label="H - Abnormal High" title="Abnormal High">H</span>
<span class="label applet-badges label-panel" aria-label="Panel - Lab Result">Panel</span>
            
Copy