預警標識燈是一個常見的UI組件，在許多網站和應用程序中都可以看到它們。它們用于提示用戶特定的狀態或警告。為了使這些預警標識燈更具可訪問性，我們可以使用CSS來創建它們。

.warning {
background-color: #fff3cd;
border: 1px solid #ffeeba;
color: #856404;
}
.error {
background-color: #f8d7da;
border: 1px solid #f5c6cb;
color: #721c24;
}
.success {
background-color: #d4edda;
border: 1px solid #c3e6cb;
color: #155724;
}
.info {
background-color: #d1ecf1;
border: 1px solid #bee5eb;
color: #0c5460;
}

以上代碼定義了四個CSS類，分別用于不同類型的預警標識燈。這些類分別為warning，error，success和info。每個類都使用不同的背景顏色、邊框顏色和文本顏色，以便將它們區分開來。

使用這些CSS類創建預警標識燈很簡單。只需要向HTML元素添加適當的類即可：

<div class="warning">This is a warning.</div>
<div class="error">This is an error.</div>
<div class="success">This is a success message.</div>
<div class="info">This is an informational message.</div>

如上所述，這些CSS類可以輕松地創建可訪問的預警標識燈，進一步提高網站和應用程序的可用性。