1. 为列头提供正确的 aria-labelledby 属性，以使辅助功能用户了解该列的内容。

import React from 'react';
import { AgGridColumn } from 'ag-grid-react';

const gridOptions = {
  defaultColDef: {
    //...
    headerCheckboxSelection: true,
    headerCheckboxSelectionFilteredOnly: true,
    //...
  }
};

function App() {
  return (
    

      
        
        ...
      
    
  );
}

export default App;

2. 当复选框的状态改变时，确保使用 setState 更新 selected 列的值，并添加 aria-checked 属性和 checked 属性以确保屏幕阅读器用户可以获取正确的状态。

function MyApp() {
  const [rowData, setRowData] = useState([]);
  const [selected, setSelected] = useState(false);

  const onSelectionChanged = useCallback((params) => {
    const selectedRows = params.api.getSelectedRows();
    setSelected(selectedRows.length > 0);
  }, []);

  useEffect(() => {
    // 获取数据
    setRowData([...]);
  }, []);

  return (
    

      
        
          
        
        ...
      
    
  );
}

function CellRenderer() {
  const [isChecked, setIsChecked] = useState(false);

  function onCheckboxChange